/* Animación «Cómo funciona Asistencia NTIC» — estilos con alcance (solo afectan a .eco) */
.eco,.eco *,.eco *::before,.eco *::after{box-sizing:border-box}.eco button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
.eco svg.i{flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.eco{--bg0:#0d1014;--bg1:#141920;--bg2:#1a212a;--bg3:#232c37;--line:#2a333f;--line2:#3a4553;--tx:#eaeef3;--tx2:#a6b2bf;--tx3:#8995a3;--ok:#46d39a;--warn:#f2b84b;--bad:#f4786f;--info:#6cb0f5;--acc:#F5A524;--onacc:#17110a}
.eco button:focus-visible{outline:2px solid #F5A524;outline-offset:2px}
.eco .hv:hover{background:var(--bg3) !important}
@keyframes eco-blink{50%{opacity:0}}
.eco .blink{animation:eco-blink 1s steps(1) infinite}
@keyframes eco-spin{to{transform:rotate(360deg)}}
.eco .spin{animation:eco-spin .9s linear infinite}
.eco-wrap{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0d1014;border-radius:14px;contain:layout paint}
.eco-wrap .eco{position:absolute;left:0;top:0;transform-origin:0 0}
.eco-wrap .eco img{max-width:none}
@media (prefers-reduced-motion:reduce){.eco .blink,.eco .spin{animation:none}}