.infographic-container{max-width:1000px;margin:40px auto;padding:20px;font-family:Arial,sans-serif;color:#333}.infographic-title{text-align:center;color:#1a4a7e;margin-bottom:5px;font-size:2.5em;border-bottom:2px solid #ccc;padding-bottom:10px}.infographic-subtitle{text-align:center;color:#555;margin-bottom:30px;font-style:italic}.procedure-list{display:flex;flex-direction:column;gap:20px}.procedure-step{background-color:#f9f9f9;border-radius:12px;padding:25px;box-shadow:0 4px 12px rgba(0,0,0,.1);position:relative}.step-red{border-left:8px solid #e74c3c}.step-orange{border-left:8px solid #f39c12}.step-yellow{border-left:8px solid #f1c40f}.step-green{border-left:8px solid #2ecc71}.step-blue{border-left:8px solid #3498db}.step-header{margin-bottom:15px}.step-header,.step-number{display:flex;align-items:center}.step-number{background-color:#34495e;color:white;border-radius:50%;width:40px;height:40px;justify-content:center;font-size:1.5em;font-weight:700;margin-right:15px;flex-shrink:0}.step-activity{margin:0;font-size:1.6em;color:#34495e}.step-content{display:grid;grid-template-columns:1fr 1.5fr;gap:20px;padding-top:10px;border-top:1px dashed #ddd}.step-info{padding:10px}.info-title{display:block;font-weight:700;color:#1a4a7e;margin-bottom:5px}.step-info ul{list-style:disc inside;padding-left:0;margin:0}.step-info li{margin-bottom:3px}.result p{background-color:#ecf0f1;padding:8px;border-radius:5px;font-size:1.1em}.connector{text-align:center;margin:10px 0;color:#95a5a6;position:absolute;bottom:-30px;left:50%;transform:translateX(-50%)}.connector .arrow{display:block;font-size:2em;line-height:.5;animation:pulse 1.5s infinite}.connector .label{font-size:.8em}.procedure-step:last-child .connector{display:none}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width:768px){.infographic-title{font-size:1.8em}.step-content{grid-template-columns:1fr}.connector{bottom:-45px}}