.eco-ciclo{background:#0a1129b8;border:1px solid #8ab4f347;border-radius:20px;width:100%;padding:22px}.eco-ciclo-tit{letter-spacing:.14em;text-transform:uppercase;color:#8ab4f3;font-size:12px;font-weight:700}.eco-ciclo-lista{margin-top:16px;position:relative}.eco-ciclo ol{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.eco-ciclo-riel{background:#8ab4f338;width:2px;position:absolute;top:20px;bottom:20px;left:17px;overflow:hidden}.eco-ciclo-riel i{transform-origin:top;background:#8ab4f3;position:absolute;inset:0}.eco-ciclo li{grid-template-columns:36px 1fr;align-items:center;gap:12px;display:grid;position:relative}.eco-ciclo-n{z-index:1;color:#c9d7ee;background:#0b2961;border:2px solid #8ab4f373;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex;position:relative}.eco-ciclo-n b{color:#fff;background:#1e5fce;border:2px solid #8ab4f3;border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;inset:-2px}.eco-ciclo-t{color:#fff;font-size:15px;font-weight:700;line-height:1.3}.eco-ciclo-d{color:#c9d7ee;margin-top:1px;font-size:13px;line-height:1.45}.eco-ciclo li.is-op .eco-ciclo-n b{background:#0f3d8f;border-color:#5fc47e}.eco-ciclo-est{color:#8fe0a8;align-items:center;gap:6px;margin-left:8px;font-size:12px;font-weight:600;display:inline-flex}.eco-ciclo-est:before{content:"";background:#5fc47e;border-radius:50%;width:7px;height:7px}[data-fase=armado] .eco-ciclo-riel i{transform:scaleY(0)}[data-fase=armado] .eco-ciclo-n b,[data-fase=armado] .eco-ciclo-est{opacity:0}@media (prefers-reduced-motion:no-preference){[data-fase=on] .eco-ciclo-riel i{animation:4.4s cubic-bezier(.22,1,.36,1) .3s both eco-scaley}[data-fase=on] .eco-ciclo-n b{animation:.42s cubic-bezier(.22,1,.36,1) both eco-in-scale;animation-delay:calc(.3s + var(--i) * 1.1s)}[data-fase=on] .eco-ciclo-est{animation:.4s 5.2s both eco-in}}.eco-puente{background:#0a1129b8;border:1px solid #8ab4f347;border-radius:20px;width:100%;margin:0;padding:18px}.eco-puente svg{width:100%;height:auto}.eco-puente .pe-anillo{fill:none;stroke:#8ab4f3;stroke-width:2px;stroke-dasharray:100;stroke-dashoffset:0}.eco-puente .pe-nucleo{fill:#1e5fce}.eco-puente .pe-t{fill:#fff;font:700 15px/1 Inter,system-ui,sans-serif}.eco-puente .pe-s{fill:#c9d7ee;font:600 12px/1 Inter,system-ui,sans-serif}.eco-puente .pe-r{fill:#8ab4f3;letter-spacing:.04em;font:700 12px/1 Inter,system-ui,sans-serif}.eco-puente .pe-chip rect{fill:#0a11298c;stroke:#8ab4f373}.eco-puente .pe-chip text{fill:#fff;font:600 13px/1 Inter,system-ui,sans-serif}.eco-puente .pe-traza{stroke:#8ab4f3;stroke-width:1.5px;stroke-dasharray:100;stroke-dashoffset:0}.eco-puente .pe-paquete{fill:#8ab4f3}.eco-puente .pe-ok circle{fill:#5fc47e}.eco-puente .pe-ok path{fill:none;stroke:#0a1129;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.eco-puente .pe-candado{fill:none;stroke:#8ab4f3;stroke-width:1.6px}.eco-puente figcaption{color:#fff;margin-top:10px;font-size:13.5px;font-weight:600}.eco-puente.is-claro{background:#f5f8fd;border-color:#e5eaf2}.eco-puente.is-claro .pe-t{fill:#fff}.eco-puente.is-claro .pe-s{fill:#e8f0fe}.eco-puente.is-claro .pe-r{fill:#0f3d8f}.eco-puente.is-claro .pe-anillo,.eco-puente.is-claro .pe-traza{stroke:#1e5fce}.eco-puente.is-claro .pe-chip rect{fill:#fff;stroke:#bfd3f4}.eco-puente.is-claro .pe-chip text{fill:#0a1129}.eco-puente.is-claro .pe-paquete{fill:#1e5fce}.eco-puente.is-claro .pe-candado{stroke:#e8f0fe}.eco-puente.is-claro figcaption{color:#0a1129}.eco-puente .pe-chip,.eco-puente .pe-paquete,.eco-puente .pe-ok,.eco-puente .pe-nucleo-g,.eco-puente .pe-anillo-t{transform-box:fill-box;transform-origin:50%}.eco-puente .pe-paquete,[data-fase=armado] .eco-puente .pe-nucleo-g,[data-fase=armado] .eco-puente .pe-chip,[data-fase=armado] .eco-puente .pe-ok,[data-fase=armado] .eco-puente .pe-anillo-t,[data-fase=armado] .eco-puente figcaption{opacity:0}[data-fase=armado] .eco-puente .pe-anillo,[data-fase=armado] .eco-puente .pe-traza{stroke-dashoffset:100px}@media (prefers-reduced-motion:no-preference){[data-fase=on] .eco-puente .pe-nucleo-g{animation:.5s both eco-in}[data-fase=on] .eco-puente .pe-anillo{animation:.7s cubic-bezier(.22,1,.36,1) .8s both eco-dash}[data-fase=on] .eco-puente .pe-anillo-t{animation:.4s 1.2s both eco-in}[data-fase=on] .eco-puente .pe-chip{animation:.45s cubic-bezier(.22,1,.36,1) both eco-in-x;animation-delay:calc(1.8s + var(--i) * 1.2s)}[data-fase=on] .eco-puente .pe-traza{animation:.5s cubic-bezier(.22,1,.36,1) both eco-dash;animation-delay:calc(2.1s + var(--i) * 1.2s)}[data-fase=on] .eco-puente .pe-paquete{animation:.8s cubic-bezier(.22,1,.36,1) 5.4s both eco-paquete}[data-fase=on] .eco-puente .pe-ok{animation:.36s cubic-bezier(.22,1,.36,1) 6.2s both eco-in-scale}[data-fase=on] .eco-puente figcaption{animation:.4s 6.4s both eco-in}}@keyframes eco-paquete{0%{opacity:0;transform:translate(0)}20%{opacity:1}85%{opacity:1;transform:translate(-30px)}to{opacity:0;transform:translate(-30px)}}.eco-burbuja{flex-direction:column;width:100%;max-width:440px;margin-inline:auto;display:flex}.eco-burbuja-msg{color:#0a1129;background:#fff;border-radius:18px 18px 18px 4px;align-self:flex-start;max-width:88%;padding:12px 16px;font-size:15px;line-height:1.5;box-shadow:0 18px 40px -24px #03081899}.eco-burbuja-puntos{align-items:center;gap:4px;height:16px;margin:8px 0 0 24px;display:flex}.eco-burbuja-puntos span{opacity:0;background:#8ab4f3;border-radius:50%;width:6px;height:6px}.eco-burbuja-paso{align-items:stretch;gap:14px;margin-left:30px;display:flex}.eco-burbuja-linea{background:#8ab4f340;width:2px;min-height:64px;position:relative;overflow:hidden}.eco-burbuja-linea i{transform-origin:top;background:#8ab4f3;position:absolute;inset:0}.eco-burbuja-core{color:#e5eaf2;background:#0a1129cc;border:1px solid #8ab4f359;border-radius:10px;align-self:center;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.eco-burbuja-core:before{content:"";background:#8ab4f3;border-radius:50%;width:8px;height:8px}.eco-burbuja-ficha{background:#0a1129b8;border:1px solid #8ab4f34d;border-radius:18px;padding:18px 20px}.eco-burbuja-cab{justify-content:space-between;align-items:center;gap:12px;display:flex}.eco-burbuja-sis{color:#fff;letter-spacing:.12em;background:#1e5fce;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.eco-burbuja-est{justify-items:end;display:grid}.eco-burbuja-est>span{white-space:nowrap;border-radius:8px;grid-area:1/1;padding:3px 10px;font-size:12px;font-weight:700}.eco-burbuja-antes{color:#c9d7ee;opacity:0;border:1px solid #c9d7ee66}.eco-burbuja-despues{color:#8ab4f3;background:#8ab4f32e}.eco-burbuja-ficha p{color:#fff;margin-top:6px;font-size:15px;font-weight:600}.eco-burbuja-ficha p:first-of-type{margin-top:14px}[data-fase=armado] .eco-burbuja-msg,[data-fase=armado] .eco-burbuja-core,[data-fase=armado] .eco-burbuja-ficha,[data-fase=armado] .eco-burbuja-despues{opacity:0}[data-fase=armado] .eco-burbuja-linea i{transform:scaleY(0)}[data-fase=armado] .eco-burbuja-antes{opacity:1}@media (prefers-reduced-motion:no-preference){[data-fase=on] .eco-burbuja-msg{animation:.4s cubic-bezier(.22,1,.36,1) .2s both eco-in-y}[data-fase=on] .eco-burbuja-puntos span{animation:.6s 2 both eco-parpadeo;animation-delay:calc(.7s + var(--i) * .12s)}[data-fase=on] .eco-burbuja-core{animation:.4s cubic-bezier(.22,1,.36,1) 1.3s both eco-in-x}[data-fase=on] .eco-burbuja-linea i{animation:.6s cubic-bezier(.22,1,.36,1) 1.9s both eco-scaley}[data-fase=on] .eco-burbuja-ficha{animation:.4s cubic-bezier(.22,1,.36,1) 2.5s both eco-in-y}[data-fase=on] .eco-burbuja-antes{opacity:1;animation:.3s 3.1s forwards eco-out}[data-fase=on] .eco-burbuja-despues{animation:.3s 3.1s both eco-in}}@keyframes eco-parpadeo{0%{opacity:.25}50%{opacity:1}to{opacity:0}}.eco-capas{gap:0;max-width:680px;margin:40px auto 0;padding:0;list-style:none;display:grid}.eco-capas-flecha{text-align:center;color:#8ab4f3;padding:6px 0;font-size:12px}@media (min-width:1024px){.eco-capas{grid-template-columns:repeat(3,minmax(0,.8fr)) minmax(0,1.35fr);max-width:none}.eco-capas>li{align-items:stretch;display:flex}.eco-capas-flecha{flex:none;place-items:center;width:26px;padding:0;display:grid;transform:rotate(-90deg)}.eco-capa{flex:1}}.eco-capa{background:#fff;border:1px solid #e5eaf2;border-radius:16px;padding:18px 22px;position:relative}.eco-capa:after{content:"";opacity:0;pointer-events:none;border:1px solid #1e5fce;border-radius:16px;position:absolute;inset:-1px}.eco-capa.is-ctrl:after{opacity:1}.eco-capa h3{color:#0a1129;font-size:17px;font-weight:800}.eco-capa p{color:#334155;margin-top:6px;font-size:15px;line-height:1.55}.eco-capa ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.eco-capa li{color:#334155;grid-template-columns:12px 1fr;align-items:start;gap:12px;font-size:14.5px;line-height:1.5;display:grid}.eco-capa-dot{background:#5fc47e;border-radius:50%;width:12px;height:12px;margin-top:5px;box-shadow:0 0 0 4px #5fc47e29}.eco-capa-dot i{opacity:0;background:#bfd3f4;border-radius:50%;width:100%;height:100%;display:block}[data-fase=armado] .eco-capa:after{opacity:0}[data-fase=armado] .eco-capa-dot i{opacity:1}@media (prefers-reduced-motion:no-preference){[data-fase=on] .eco-capa:after{animation:4.48s linear both eco-pulso-capa}[data-fase=on] .eco-capas>li:nth-child(2) .eco-capa:after{animation-name:eco-pulso-capa-2}[data-fase=on] .eco-capas>li:nth-child(3) .eco-capa:after{animation-name:eco-pulso-capa-3}[data-fase=on] .eco-capa.is-ctrl:after{animation-name:eco-pulso-capa-4}[data-fase=on] .eco-capa-dot i{opacity:1;animation:.3s forwards eco-out;animation-delay:calc(3.92s + var(--i) * .12s)}}@keyframes eco-pulso-capa{0%,12.4%{opacity:1}12.5%,49.9%{opacity:0}50%,62.4%{opacity:1}62.5%,to{opacity:0}}@keyframes eco-pulso-capa-2{0%,12.4%{opacity:0}12.5%,24.9%{opacity:1}25%,62.4%{opacity:0}62.5%,74.9%{opacity:1}75%,to{opacity:0}}@keyframes eco-pulso-capa-3{0%,24.9%{opacity:0}25%,37.4%{opacity:1}37.5%,74.9%{opacity:0}75%,87.4%{opacity:1}87.5%,to{opacity:0}}@keyframes eco-pulso-capa-4{0%,37.4%{opacity:0}37.5%,49.9%{opacity:1}50%,87.4%{opacity:0}87.5%,to{opacity:1}}.eco-prueba{border-top:1px solid #8ab4f338;gap:20px;margin-top:40px;padding-top:28px;display:grid}@media (min-width:1024px){.eco-prueba{grid-template-columns:4fr 6fr 2fr;align-items:center;gap:32px}}.eco-prueba-kpi{letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;font-size:44px;font-weight:800;line-height:1}.eco-estado{color:#c9d7ee;align-items:center;gap:8px;font-size:13px;display:inline-flex}.eco-estado:before{content:"";background:#5fc47e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #5fc47e2e}[data-fase=armado] .eco-estado:before{opacity:.4}@media (prefers-reduced-motion:no-preference){[data-fase=on] .eco-estado:before{animation:.4s .3s both eco-encender}}@keyframes eco-encender{0%{opacity:.4}to{opacity:1}}.eco-fichas{gap:18px;margin:40px 0 0;padding:0;list-style:none;display:grid}@media (min-width:768px){.eco-fichas{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:1024px){.eco-fichas-c3{grid-template-columns:repeat(3,minmax(0,1fr))}}@supports (grid-template-rows:subgrid){@media (min-width:768px){.eco-fichas{grid-auto-rows:auto}.eco-ficha{grid-row:span 6;grid-template-rows:subgrid;row-gap:0;display:grid}.eco-ficha-a{place-self:end start}}}.eco-ficha{background:#fff;border:1px solid #e5eaf2;border-radius:16px;flex-direction:column;padding:24px 26px;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex}.eco-ficha:hover{border-color:#bfd3f4;transform:translateY(-3px);box-shadow:0 12px 28px -18px #0a112959}.eco-ficha:hover .te-ico{color:#fff;background:#1e5fce}.eco-ficha:hover .eco-ficha-logo{filter:none;opacity:1}.eco-ficha-cab{justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.eco-ficha-logo{object-fit:contain;filter:grayscale()brightness(0);width:auto;max-width:150px;height:30px;opacity:var(--op,.55);transition:filter .25s,opacity .25s}.eco-estado-claro{color:#475569;flex:none;align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:inline-flex}.eco-estado-claro:before{content:"";background:#7dc97f;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #7dc97f33}.eco-ficha-k{letter-spacing:.16em;text-transform:uppercase;color:#1e5fce;margin-top:18px;font-size:11.5px;font-weight:800}.eco-ficha-t{color:#0a1129;margin-top:6px;font-size:19px;font-weight:800;line-height:1.3}.eco-ficha-d{color:#475569;margin-top:8px;font-size:15px;line-height:1.55}.eco-ficha-dl{border-top:1px solid #e5eaf2;align-content:start;gap:8px;margin:16px 0 0;padding-top:14px;display:grid}.eco-ficha-dl>div{grid-template-columns:112px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.45;display:grid}.eco-ficha-dl dt{color:#64748b;font-weight:600}.eco-ficha-dl dd{color:#0f3d8f;margin:0;font-weight:700}.eco-ficha-a{color:#1e5fce;border-radius:4px;align-self:flex-start;margin-top:auto;padding-top:14px;font-size:14.5px;font-weight:700}.eco-ficha-a span{transition:transform .22s;display:inline-block}.eco-ficha:hover .eco-ficha-a span,.eco-ficha-a:focus-visible span{transform:translate(4px)}@media (max-width:639px){.eco-ficha-a{margin-top:4px;padding-block:11px}}[data-fase=armado] .eco-ficha{opacity:0;transform:translateY(14px)}@media (prefers-reduced-motion:no-preference){[data-fase=on] .eco-ficha{animation:eco-in-y14 .4s cubic-bezier(.22,1,.36,1) calc(var(--i) * 80ms) backwards}}@media (prefers-reduced-motion:reduce){.eco-ficha,.eco-ficha-a span{transition:none}.eco-ficha:hover{transform:none}}@keyframes eco-in-y14{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.eco-check{gap:14px;margin:0;padding:0;list-style:none;display:grid}.eco-check li{background:#fff;border:1px solid #e5eaf2;border-radius:16px;grid-template-columns:46px minmax(0,1fr);gap:18px;padding:22px 24px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.eco-check li:hover{border-color:#bfd3f4;transform:translateY(-3px);box-shadow:0 12px 28px -18px #0a112959}.eco-check li:hover .te-ico{color:#fff;background:#1e5fce}[data-fase=armado] .eco-check li{opacity:0;transform:translateY(14px)}@media (prefers-reduced-motion:no-preference){[data-fase=on] .eco-check li{animation:eco-in-y14 .4s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 80ms) backwards}}@media (prefers-reduced-motion:reduce){.eco-check li{transition:none}.eco-check li:hover{transform:none}}@keyframes eco-in{0%{opacity:0}to{opacity:1}}@keyframes eco-out{0%{opacity:1}to{opacity:0}}@keyframes eco-in-y{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes eco-in-x{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes eco-in-scale{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes eco-scaley{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes eco-dash{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.eco-cierre .ih-net .hc{-webkit-mask-image:radial-gradient(55% 60%,#0000002e 0%,#0000004d 60%,#000 100%);mask-image:radial-gradient(55% 60%,#0000002e 0%,#0000004d 60%,#000 100%)}
