.heroAnimWrap{container-type:inline-size;width:min(560px,100%);margin-inline:auto}.heroAnim{position:relative;width:100%;aspect-ratio:560/470;font-size:clamp(9px,2.15vw,12px)}@supports (font-size:1cqw){.heroAnim{font-size:clamp(6.5px,2.1429cqw,12px)}}.heroAnim:before{content:"";position:absolute;inset:-7% -5%;z-index:0;border-radius:3em;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--c-lienzo) 92%,transparent) 40%,color-mix(in srgb,var(--c-lienzo) 62%,transparent) 68%,transparent 100%)}.heroAnim .escena{position:absolute;inset:0;opacity:0;z-index:1}.heroAnim .el,.heroAnim .escena{animation-duration:24s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-fill-mode:both}@keyframes haEscA{0%{opacity:0;transform:translateY(8px)}2%,29%{opacity:1;transform:none}32%,to{opacity:0}}@keyframes haEscB{0%,33%{opacity:0;transform:translateY(8px)}36%,62%{opacity:1;transform:none}65%,to{opacity:0}}@keyframes haEscC{0%,66%{opacity:0;transform:translateY(8px)}69%,95%{opacity:1;transform:none}98%,to{opacity:0}}.heroAnim .escA{animation-name:haEscA}.heroAnim .escB{animation-name:haEscB}.heroAnim .escC{animation-name:haEscC}.heroAnim .tituloEscena{position:absolute;top:0;left:0;right:0;text-align:center;font-size:1.25em;font-weight:700;color:var(--c-negro);letter-spacing:.2px}.heroAnim .tituloEscena small{display:block;margin-top:.35em;font-size:.78em;font-weight:500;color:var(--c-gris-t)}.heroAnim .tarj{position:absolute;background:var(--c-card);border:1px solid var(--c-gris-r);border-radius:1em;box-shadow:0 8px 22px rgba(17,19,24,.08);overflow:hidden}.heroAnim .tarjA{width:31%;padding:1em}.heroAnim .tarjA .foto{height:4.6em;border-radius:.6em;background:linear-gradient(135deg,#c9d9ff,#e8efff 55%,#d9f2e2);display:flex;align-items:center;justify-content:center}.heroAnim .tarjA .foto svg{width:2.6em;height:2.6em;opacity:.85}.heroAnim .tarjA .nom{margin-top:.7em;font-weight:700;font-size:.95em}.heroAnim .tarjA .lin{margin-top:.45em;height:.5em;border-radius:.25em;background:var(--c-gris-r)}.heroAnim .tarjA .lin.corta{width:62%}.heroAnim .selloDA{margin-top:.7em;display:inline-flex;align-items:center;gap:.4em;background:rgba(31,178,85,.12);color:var(--c-verde-tx);font-size:.72em;font-weight:700;padding:.35em .7em;border-radius:2em;animation:haSelloIn 24s ease-in-out infinite}.heroAnim .selloDA svg{width:1em;height:1em}.heroAnim .pA1{left:2%;top:16%}.heroAnim .pA2{left:35%;top:16%}.heroAnim .pA3{left:68%;top:16%}.heroAnim .pA4{left:2%;top:60%}.heroAnim .pA5{left:35%;top:60%}.heroAnim .pA6{left:68%;top:60%}@keyframes haCA1{0%{opacity:0;transform:scale(.55) translateY(14%)}4%,7%{opacity:1;transform:scale(1.28) translate(18%,16%)}10%,to{opacity:1;transform:scale(1) translate(0)}}@keyframes haCA2{0%,9%{opacity:0;transform:scale(.6)}11.5%,to{opacity:1;transform:scale(1)}}@keyframes haCA3{0%,10%{opacity:0;transform:scale(.6)}12.5%,to{opacity:1;transform:scale(1)}}@keyframes haCA4{0%,11%{opacity:0;transform:scale(.6)}13.5%,to{opacity:1;transform:scale(1)}}@keyframes haCA5{0%,12%{opacity:0;transform:scale(.6)}14.5%,to{opacity:1;transform:scale(1)}}@keyframes haCA6{0%,13%{opacity:0;transform:scale(.6)}15.5%,to{opacity:1;transform:scale(1)}}@keyframes haSelloIn{0%,6%{opacity:0;transform:scale(.4)}8%,to{opacity:1;transform:scale(1)}}@keyframes haElegida{0%,26%{box-shadow:0 8px 22px rgba(17,19,24,.08);border-color:var(--c-gris-r)}28%,to{box-shadow:0 0 0 .35em rgba(13,83,232,.22),0 10px 26px rgba(13,83,232,.25);border-color:#0d53e8}}.heroAnim .cA1{animation-name:haCA1,haElegida;transform-origin:center}.heroAnim .cA2{animation-name:haCA2}.heroAnim .cA3{animation-name:haCA3}.heroAnim .cA4{animation-name:haCA4}.heroAnim .cA5{animation-name:haCA5}.heroAnim .cA6{animation-name:haCA6}.heroAnim .cursor{position:absolute;left:0;top:0;width:2em;height:2em;z-index:5;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25));animation-name:haCursorT}@keyframes haCursorT{0%,18%{opacity:0;transform:translate(66cqw,65.46cqw) scale(1)}21%{opacity:1;transform:translate(66cqw,65.46cqw) scale(1)}25%{opacity:1;transform:translate(15cqw,28.54cqw) scale(1)}27%{transform:translate(15cqw,28.54cqw) scale(.85)}29%,to{opacity:1;transform:translate(15cqw,28.54cqw) scale(1)}}@keyframes haCursor{0%,18%{opacity:0;left:66%;top:78%;transform:scale(1)}21%{opacity:1;left:66%;top:78%}25%{opacity:1;left:15%;top:34%}27%{left:15%;top:34%;transform:scale(.85)}29%,to{opacity:1;left:15%;top:34%;transform:scale(1)}}.heroAnim .nodo{position:absolute;width:24%;padding:1em .8em;text-align:center}.heroAnim .nodo .ic{width:3.2em;height:3.2em;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center}.heroAnim .nodo .ic svg{width:1.7em;height:1.7em}.heroAnim .nodo .t{margin-top:.6em;font-weight:700;font-size:.9em}.heroAnim .nodo .s{margin-top:.2em;font-size:.72em;color:var(--c-gris-t)}.heroAnim .nodoProm{left:3%;top:11%}.heroAnim .nodoProm .ic{background:rgba(13,83,232,.1);color:#0d53e8}.heroAnim .nodoDona{left:3%;top:47%;animation-name:haSacudida}.heroAnim .nodoDona .ic{background:rgba(255,87,34,.1);color:var(--c-rojo-err)}.heroAnim .nodoBen{right:3%;top:47%;animation-name:haRecibe}.heroAnim .nodoBen .ic{background:rgba(31,178,85,.12);color:var(--c-verde-tx)}.heroAnim .empujon{position:absolute;left:12.5%;top:37.5%;width:2em;height:2.6em;color:#0d53e8;animation-name:haEmpujon}.heroAnim .empujon svg{width:100%;height:100%}@keyframes haEmpujon{0%,38%{opacity:0;transform:translateY(-40%)}39.5%{opacity:1;transform:translateY(0)}41%{opacity:.25;transform:translateY(35%)}42.5%{opacity:1;transform:translateY(0)}44%{opacity:.25;transform:translateY(35%)}45.5%{opacity:1;transform:translateY(0)}47%,to{opacity:0;transform:translateY(35%)}}@keyframes haSacudida{0%,41%{transform:none}42%{transform:rotate(-2.4deg) translateX(-.2em)}43%{transform:rotate(2.2deg) translateX(.2em)}44%{transform:rotate(-1.6deg)}45%{transform:rotate(1.2deg)}46%,to{transform:none}}.heroAnim .rutaDinero{position:absolute;inset:0}.heroAnim .rutaDinero path{fill:none;stroke-linecap:round}.heroAnim .rutaDinero .guia{stroke:rgba(31,178,85,.35);stroke-width:2;stroke-dasharray:1 9}.heroAnim .rutaDinero .mov{stroke:#1fb255;stroke-width:2.5;stroke-dasharray:100;stroke-dashoffset:100;animation:haTrazo 24s linear infinite}@keyframes haTrazo{0%,46%{stroke-dashoffset:100;opacity:1}60%{stroke-dashoffset:0;opacity:1}63%,to{stroke-dashoffset:0;opacity:0}}.heroAnim .moneda{position:absolute;top:0;left:0;width:2.3em;height:2.3em;border-radius:50%;background:#1fb255;color:#093418;font-weight:800;font-size:1em;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(31,178,85,.45);z-index:4;transform:translate(-50%,-50%);animation-name:haViajeT}@keyframes haViaje{0%,45.5%{opacity:0;left:16.96%;top:53.19%}46%{opacity:0;left:16.96%;top:53.19%;animation-timing-function:linear}47%{opacity:1}47.75%{left:23.98%;top:43.77%;animation-timing-function:linear}49.5%{left:32.05%;top:37.04%;animation-timing-function:linear}51.25%{left:40.86%;top:33%;animation-timing-function:linear}53%{left:50%;top:31.65%;animation-timing-function:linear}54.75%{left:59.14%;top:33%;animation-timing-function:linear}56.5%{left:67.95%;top:37.04%;animation-timing-function:linear}58.25%{left:76.02%;top:43.77%;animation-timing-function:linear}59.4%{opacity:1}60%{opacity:0;left:83.04%;top:53.19%}to{opacity:0;left:83.04%;top:53.19%}}@keyframes haViajeT{0%,45.5%{opacity:0;transform:translate(16.96cqw,44.64cqw) translate(-50%,-50%)}46%{opacity:0;transform:translate(16.96cqw,44.64cqw) translate(-50%,-50%);animation-timing-function:linear}47%{opacity:1}47.75%{transform:translate(23.98cqw,36.74cqw) translate(-50%,-50%);animation-timing-function:linear}49.5%{transform:translate(32.05cqw,31.09cqw) translate(-50%,-50%);animation-timing-function:linear}51.25%{transform:translate(40.86cqw,27.7cqw) translate(-50%,-50%);animation-timing-function:linear}53%{transform:translate(50cqw,26.56cqw) translate(-50%,-50%);animation-timing-function:linear}54.75%{transform:translate(59.14cqw,27.7cqw) translate(-50%,-50%);animation-timing-function:linear}56.5%{transform:translate(67.95cqw,31.09cqw) translate(-50%,-50%);animation-timing-function:linear}58.25%{transform:translate(76.02cqw,36.74cqw) translate(-50%,-50%);animation-timing-function:linear}59.4%{opacity:1}60%{opacity:0;transform:translate(83.04cqw,44.64cqw) translate(-50%,-50%)}to{opacity:0;transform:translate(83.04cqw,44.64cqw) translate(-50%,-50%)}}@supports not (width:1cqw){.heroAnim .cursor{animation-name:haCursor}.heroAnim .moneda{animation-name:haViaje}}@keyframes haRecibe{0%,58%{box-shadow:0 8px 22px rgba(17,19,24,.08);border-color:var(--c-gris-r)}61%,to{box-shadow:0 0 0 .35em rgba(31,178,85,.25),0 10px 26px rgba(31,178,85,.3);border-color:#1fb255}}.heroAnim .redInfo{position:absolute;inset:0}.heroAnim .redInfo path{fill:none;stroke:rgba(13,83,232,.28);stroke-width:1.6;stroke-dasharray:2 7;animation:haInfo 2.6s linear infinite}@keyframes haInfo{to{stroke-dashoffset:-36}}.heroAnim .puenteLogo{position:absolute;left:50%;top:64%;width:13.5%;transform:translateX(-50%);animation:haLatido 3s ease-in-out infinite}.heroAnim .puenteLogo svg{width:100%;height:auto;display:block}@keyframes haLatido{0%,to{transform:translateX(-50%) scale(1)}50%{transform:translateX(-50%) scale(1.05)}}.heroAnim .logoS{stroke:#111318}.dark .heroAnim .logoS{stroke:#fff}.heroAnim .logoAsta{stroke:#0d53e8}.dark .heroAnim .logoAsta{stroke:#fff}.heroAnim .pieB{position:absolute;left:0;right:0;top:88%;text-align:center;font-size:.85em;font-weight:600;color:var(--c-gris-t)}.heroAnim .cfdi{left:50%;top:14%;transform:translateX(-50%);width:56%;padding:1.4em 1.5em}.heroAnim .cfdi .enc{display:flex;align-items:center;justify-content:space-between}.heroAnim .cfdi .enc .t{font-weight:800;font-size:1.05em;letter-spacing:.4px}.heroAnim .cfdi .enc .fol{font-size:.7em;color:var(--c-gris-t)}.heroAnim .cfdi .lin{margin-top:.85em;height:.55em;border-radius:.3em;background:var(--c-gris-r);transform-origin:left center}.heroAnim .cfdi .lin.l2{width:78%}.heroAnim .cfdi .lin.l3{width:88%}.heroAnim .cfdi .lin.l4{width:55%}@keyframes haEsc1{0%,71%{transform:scaleX(0)}76%,to{transform:scaleX(1)}}@keyframes haEsc2{0%,73%{transform:scaleX(0)}78%,to{transform:scaleX(1)}}@keyframes haEsc3{0%,75%{transform:scaleX(0)}80%,to{transform:scaleX(1)}}@keyframes haEsc4{0%,77%{transform:scaleX(0)}82%,to{transform:scaleX(1)}}.heroAnim .cfdi .l1{animation:haEsc1 24s ease-in-out infinite}.heroAnim .cfdi .l2{animation:haEsc2 24s ease-in-out infinite}.heroAnim .cfdi .l3{animation:haEsc3 24s ease-in-out infinite}.heroAnim .cfdi .l4{animation:haEsc4 24s ease-in-out infinite}.heroAnim .cfdi .monto{margin-top:1em;display:flex;justify-content:space-between;align-items:baseline;border-top:1px dashed var(--c-gris-r);padding-top:.9em}.heroAnim .cfdi .monto b{font-size:1.2em}.heroAnim .cfdi .monto span{font-size:.72em;color:var(--c-gris-t)}.heroAnim .selloCfdi{position:absolute;right:14%;top:47%;width:9.5em;height:9.5em;display:flex;align-items:center;justify-content:center;text-align:center;border:.28em solid var(--c-verde-tx);color:var(--c-verde-tx);border-radius:50%;font-weight:800;font-size:1em;line-height:1.25;letter-spacing:.5px;background:color-mix(in srgb,var(--c-card) 85%,transparent);backdrop-filter:blur(2px);text-transform:uppercase;padding:1em;animation-name:haEstampa}@keyframes haEstampa{0%,82%{opacity:0;transform:rotate(-22deg) scale(2.1)}86%{opacity:1;transform:rotate(-12deg) scale(.94)}88%,to{opacity:1;transform:rotate(-12deg) scale(1)}}.heroAnim .checkFinal{position:absolute;left:14%;top:56%;width:3.4em;height:3.4em;border-radius:50%;background:#1fb255;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(31,178,85,.4);animation-name:haCheck}.heroAnim .checkFinal svg{width:1.8em;height:1.8em;color:#fff}@keyframes haCheck{0%,84%{opacity:0;transform:scale(.3)}88%,to{opacity:1;transform:scale(1)}}.heroAnim .pieC{position:absolute;left:0;right:0;top:88%;text-align:center;font-size:.85em;font-weight:600;color:var(--c-gris-t);animation-name:haPie}@keyframes haPie{0%,86%{opacity:0}90%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.heroAnim .cfdi .lin,.heroAnim .el,.heroAnim .escena,.heroAnim .puenteLogo,.heroAnim .redInfo path,.heroAnim .rutaDinero .mov,.heroAnim .selloDA{animation:none!important}.heroAnim .escB{opacity:1}.heroAnim .moneda{display:none}.heroAnim .rutaDinero .mov{stroke-dashoffset:0}.heroAnim .nodoBen{border-color:#1fb255;box-shadow:0 0 0 .35em rgba(31,178,85,.25),0 10px 26px rgba(31,178,85,.3)}}[data-ha-pausa] .heroAnim *,[data-ha-pausa] .heroAnim:before{animation-play-state:paused!important}