.port{--p-hondo:linear-gradient(140deg,color-mix(in oklab,var(--brand-accent)38%,color-mix(in oklab,var(--brand-accent)6%,black))0%,color-mix(in oklab,var(--brand-accent-2)30%,color-mix(in oklab,var(--brand-accent-2)5%,black))100%);--p-tinta:white;--p-tenue:#ffffff9e;--p-filete:#ffffff29;--port-rojo:var(--v-danger-hondo);--grano:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E")}@supports (color:lab(0% 0 0)){.port{--p-tenue:lab(100% -.0000298023 .0000119209/.62);--p-filete:lab(100% -.0000298023 .0000119209/.16)}}.port-lienzo{background-image:var(--p-hondo);border-radius:26px;position:relative;overflow:hidden}.port-trama{pointer-events:none;background-image:radial-gradient(#ffffff21 1px,#0000 1px);background-image:radial-gradient(lab(100% -.0000298023 .0000119209/.13) 1px,#0000 1px);background-size:22px 22px;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(78% 70% at 72% 34%,#000 18%,#0000 80%);mask-image:radial-gradient(78% 70% at 72% 34%,#000 18%,#0000 80%)}.port-cabecera,.port-cuerpo,.port-pie{padding-left:40px;padding-right:40px;position:relative}.port-cabecera{padding-top:40px;padding-bottom:32px}.port-cuerpo{border-top:1px solid var(--p-filete);border-bottom:1px solid var(--p-filete);padding-top:32px;padding-bottom:32px}.port-pie{padding-top:22px;padding-bottom:26px}.port-rotulo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--p-tenue);font-size:12px;font-weight:600}.port-titular{letter-spacing:-.035em;max-width:20ch;color:var(--p-tinta);margin-top:18px;font-size:clamp(28px,3.6vw,46px);font-weight:600;line-height:1.07}.port-entradilla{max-width:58ch;color:var(--p-tenue);margin-top:20px;font-size:15px;line-height:1.65}.port-entradilla strong{color:var(--p-tinta);font-weight:500}.port-cuerpo{grid-template-columns:330px minmax(0,1.2fr) minmax(0,1fr);align-items:stretch;gap:44px;display:grid}.port-chequeo{border-left:1px solid var(--p-filete);border-right:1px solid var(--p-filete);margin-left:0;padding-left:44px;padding-right:44px}.port-cierre{flex-direction:column;display:flex}.port-lado{flex-direction:column;gap:18px;display:flex}.port-cola{gap:10px;display:flex}.port-ficha-cola{border:1px solid var(--p-filete);width:54px;height:46px;color:var(--p-tenue);transition:border-color .45s var(--a-curva),background-color .45s var(--a-curva),color .45s var(--a-curva);background:#ffffff0d;background:lab(100% -.0000298023 .0000119209/.05);border-radius:12px;flex:none;place-items:center;display:grid}.port-ficha-cola[data-turno]{border-color:color-mix(in oklab,var(--brand-accent-2)75%,transparent);background:color-mix(in oklab,var(--brand-accent-2)16%,transparent);color:var(--p-tinta)}.port-cola-icono{width:20px;height:20px}.port-lado{container-type:inline-size}.port-pila{flex:none;width:100%;height:calc(100cqw + 104px);position:relative}.port-carnet{border:1px solid var(--p-filete);background-color:color-mix(in oklab,var(--logo-tinta)3%,white);color:var(--logo-tinta);transform:translate3d(calc(var(--salto)*14px),calc(var(--salto)*-10px),0)scale(calc(1 - var(--salto)*.05));opacity:calc(1 - var(--salto)*.34);z-index:calc(10 - var(--salto));transition:transform .65s var(--a-curva-larga),opacity .65s var(--a-curva),border-color .4s var(--a-curva);border-radius:18px;flex-direction:column;padding:16px;display:flex;position:absolute;inset:0}.port-carnet[data-turno]{background-color:#fff;border-color:#0000;box-shadow:0 24px 48px -24px #0000008c}.port[data-bloquea] .port-carnet[data-turno]{border-color:var(--v-danger)}.port[data-sale] .port-carnet[data-turno]{opacity:.35;transform:translate(-34px)scale(.97)}.port-foto{aspect-ratio:1;background:color-mix(in oklab,var(--logo-tinta)9%,white);border:0;border-radius:12px;flex:none;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.port-foto:after{content:"";background-image:var(--foto,none);background-position:50%;background-size:cover;position:absolute;inset:0}.port-foto-icono{width:40px;height:40px;color:color-mix(in oklab,var(--logo-tinta)44%,white);stroke-width:1.25px;transition:opacity .3s var(--a-curva)}.port-tipo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklab,var(--logo-tinta)64%,white);margin-top:13px;font-size:11px;font-weight:600}.port-quien{letter-spacing:-.025em;color:var(--logo-tinta);margin-top:5px;font-size:18px;line-height:1.1}.port-donde{color:color-mix(in oklab,var(--logo-tinta)64%,white);margin-top:2px;font-size:12px;line-height:1.35}.port-sello{border-top:1px solid color-mix(in oklab,var(--logo-tinta)11%,white);font-family:var(--fuente-mono);letter-spacing:.16em;text-transform:uppercase;color:color-mix(in oklab,var(--logo-tinta)64%,white);transition:color .4s var(--a-curva);margin-top:auto;padding-top:12px;font-size:10.5px}.port-sello[data-estado=Entra]{color:var(--brand-accent)}.port-sello[data-estado=No\ entra]{color:var(--v-danger)}.port-titulillo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--p-tenue);margin-bottom:6px;font-size:11px;font-weight:600}.port-regla{border-bottom:1px solid var(--p-filete);opacity:.62;transition:opacity .4s var(--a-curva);align-items:flex-start;gap:14px;padding:13px 0;display:flex}.port-regla[data-encendida]{opacity:1}.port-regla-nombre{color:var(--p-tinta);font-size:15px;line-height:1.3;display:block}.port-origen{color:var(--p-tenue);transition:opacity .4s var(--a-curva);margin-top:2px;font-size:12px;line-height:1.5;display:block}.port-regla:not([data-encendida]) .port-origen{opacity:0}.port-regla[data-ok=no] .port-origen{color:var(--port-rojo)}.port-marca{border:1px solid var(--p-filete);width:14px;height:14px;transition:background .4s var(--a-curva),border-color .4s var(--a-curva),box-shadow .4s var(--a-curva),transform .4s var(--a-curva);border-radius:999px;flex:none;margin-top:3px;display:block;position:relative}.port-regla[data-ok=si] .port-marca{background-image:linear-gradient(140deg,var(--brand-accent),var(--brand-accent-2));border-color:#0000;transform:scale(1.15)}.port-regla[data-ok=no] .port-marca{background-color:var(--port-rojo);box-shadow:0 0 0 5px color-mix(in oklab,var(--port-rojo)20%,transparent);background-image:none;border-color:#0000;transform:scale(1.15)}.port-fallo{font-family:var(--fuente-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--p-tenue);transition:color .4s var(--a-curva);margin-top:8px;font-size:clamp(24px,2.4vw,34px);line-height:1.1}.port-cierre[data-estado=Entra] .port-fallo{color:var(--brand-accent-2)}.port-cierre[data-estado=No\ entra] .port-fallo{color:var(--port-rojo)}.port-cierre-nota{max-width:42ch;color:var(--p-tenue);margin-top:8px;font-size:13.5px;line-height:1.55}.port-pie{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.port-fuentes{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:26px;display:flex}.port-fuente{border:1px solid var(--p-filete);font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--p-tenue);transition:border-color .35s var(--a-curva),color .35s var(--a-curva),transform .35s var(--a-curva);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.port-fuente[data-activa]{color:#fff;background-image:linear-gradient(100deg,var(--brand-accent)0%,var(--brand-accent-2)100%);border-color:#0000;transform:translateY(-2px)}.port-pie-nota{max-width:40ch;color:var(--p-tenue);margin-top:12px;font-size:13px;line-height:1.55}@media (max-width:1023px){.port-cabecera,.port-cuerpo,.port-pie{padding-left:26px;padding-right:26px}.port-cuerpo{grid-template-columns:minmax(0,1fr);gap:30px}.port-chequeo{border-left:0;border-right:0;border-top:1px solid var(--p-filete);border-bottom:1px solid var(--p-filete);padding:26px 0}.port-pila{max-width:330px}}@media (max-width:767px){.port-cabecera,.port-cuerpo,.port-pie{padding-left:20px;padding-right:20px}.port-cabecera{padding-top:28px;padding-bottom:24px}.port-pila{max-width:100%}}@media (prefers-reduced-motion:reduce){.port-carnet,.port-ficha-cola,.port-regla,.port-marca,.port-origen,.port-sello,.port-fallo,.port-fuente{transition:none}}
.palabra{vertical-align:bottom;margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:hidden}.palabra>span{display:inline-block}[data-avance-listo] .palabra>span{--retraso:calc(var(--i,0)*.05);--p:clamp(0,calc((var(--vivo,1) - var(--retraso))/.5),1);transform:translateY(calc(108%*(1 - var(--p))))}@media (prefers-reduced-motion:reduce){[data-avance-listo] .palabra>span{transform:none}}
.cli-lienzo{--cv-ok:color-mix(in oklab,var(--v-ok)62%,white);background-image:var(--a-hondo);--c-tinta:white;--c-tenue:#ffffff9e;--c-filete:#ffffff24;--c-frena:var(--v-danger-hondo);--c-pasa:var(--cv-ok);border-radius:26px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.cli-lienzo{--c-tenue:lab(100% -.0000298023 .0000119209/.62);--c-filete:lab(100% -.0000298023 .0000119209/.14)}}.cli-trama{pointer-events:none;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-image:radial-gradient(lab(100% -.0000298023 .0000119209/.12) 1px,#0000 1px);background-size:22px 22px;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(66% 60% at 24% 24%,#000 14%,#0000 78%);mask-image:radial-gradient(66% 60% at 24% 24%,#000 14%,#0000 78%)}.cli-cabecera{padding:34px 36px 26px;position:relative}.cli-titular{max-width:18ch;color:var(--c-tinta)}.cli-entradilla{max-width:66ch;color:var(--c-tenue);margin-top:16px;font-size:15px;line-height:1.6}.cli-pasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 34px 34px;display:grid;position:relative}.cli-paso{flex-direction:column;padding:16px 16px 22px;display:flex}.cli-escena{background:#00000042;background:lab(0% 0 0/.26);border-radius:12px;place-items:center;height:208px;margin-bottom:20px;display:grid;position:relative;overflow:hidden}.cli-foto{background-image:url(/images/home/clinica-registro.webp);background-position:22%;background-size:cover;position:absolute;inset:0}.cli-foto:after{content:"";background:linear-gradient(to top,color-mix(in oklab,color-mix(in oklab,var(--brand-accent)6%,black)62%,transparent)0%,transparent 52%);position:absolute;inset:0}.cli-paso-n{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-size:11px;font-weight:600}.cli-paso-titulo{letter-spacing:-.015em;color:#fff;margin-top:8px;font-size:18px;font-weight:600;line-height:1.2}.cli-paso-texto{color:var(--c-tenue,#ffffff9e);margin-top:8px;font-size:14px;line-height:1.6}@supports (color:lab(0% 0 0)){.cli-paso-texto{color:var(--c-tenue,lab(100% -.0000298023 .0000119209/.62))}}.cli-kiosco{background:color-mix(in oklab,color-mix(in oklab,var(--brand-accent)8%,black)82%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #ffffff29;border:1px solid lab(100% -.0000298023 .0000119209/.16);border-radius:12px;width:178px;padding:12px 14px;position:absolute;bottom:14px;right:14px}.cli-kiosco-rotulo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffff94;color:lab(100% -.0000298023 .0000119209/.58);font-size:10px;font-weight:600}.cli-kiosco-instruccion{color:#ffffffb8;color:lab(100% -.0000298023 .0000119209/.72);margin-top:8px;font-size:12px}.cli-kiosco-numero{font-family:var(--fuente-mono);letter-spacing:.06em;color:#fff;margin-top:2px;font-size:21px}.cli-caret{animation:1.1s steps(2,start) infinite cli-parpadeo}@keyframes cli-parpadeo{to{opacity:0}}.cli-reglas{width:100%;padding:0 18px}.cli-regla{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;font-size:13px;display:grid}.cli-regla+.cli-regla{border-top:1px solid #ffffff1f;border-top:1px solid lab(100% -.0000298023 .0000119209/.12)}.cli-punto{border-radius:999px;width:7px;height:7px}.cli-regla[data-veredicto=pasa] .cli-punto{background:var(--cv-ok);box-shadow:0 0 0 3px color-mix(in oklab,var(--cv-ok)22%,transparent)}.cli-regla[data-veredicto=frena] .cli-punto{background:var(--v-danger-hondo);box-shadow:0 0 0 3px color-mix(in oklab,var(--v-danger-hondo)22%,transparent)}.cli-pregunta{color:#fff;line-height:1.3}.cli-respuesta{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#ffffff8f;color:lab(100% -.0000298023 .0000119209/.56);font-size:11px;font-weight:600}.cli-regla[data-veredicto=frena] .cli-respuesta{color:var(--v-danger-hondo)}.cli-resultado{text-align:center;width:100%;padding:0 20px}.cli-resultado-rotulo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffff8f;color:lab(100% -.0000298023 .0000119209/.56);font-size:10px;font-weight:600}.cli-veredicto{letter-spacing:-.02em;color:var(--v-danger-hondo);margin-top:6px;font-size:30px;font-weight:600}.cli-escarapela{text-align:left;border-top:1px solid #ffffff24;border-top:1px solid lab(100% -.0000298023 .0000119209/.14);margin-top:16px;padding-top:14px}.cli-escarapela-rotulo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#ffffff80;color:lab(100% -.0000298023 .0000119209/.5);font-size:10px;font-weight:600}.cli-escarapela-linea{color:#ffffffc2;color:lab(100% -.0000298023 .0000119209/.76);margin-top:6px;font-size:12.5px}@media (max-width:1023px){.cli-pasos{grid-template-columns:minmax(0,1fr);padding:0 22px 26px}.cli-escena{height:190px}}@media (prefers-reduced-motion:reduce){.cli-caret{animation:none}}.cli-fuente{border-top:1px solid var(--c-filete);max-width:92ch;color:var(--c-tenue);margin-top:26px;padding:20px 36px 30px;font-size:13px;line-height:1.6;position:relative}@media (max-width:767px){.cli-cabecera{padding:26px 22px 20px}.cli-cuerpo{padding:22px 22px 0}.cli-fuente{padding:18px 22px 26px}}@media (prefers-reduced-motion:reduce){.cli-caret{animation:none}}
.perm-lienzo{--cv-ok:color-mix(in oklab,var(--v-ok)62%,white);background-image:var(--a-hondo);--p-tinta:white;--p-tenue:#ffffff9e;--p-filete:#ffffff24;--p-ok:var(--cv-ok);--p-falla:var(--v-danger-hondo);border-radius:26px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.perm-lienzo{--p-tenue:lab(100% -.0000298023 .0000119209/.62);--p-filete:lab(100% -.0000298023 .0000119209/.14)}}.perm-trama{pointer-events:none;background-image:radial-gradient(#ffffff1f 1px,#0000 1px);background-image:radial-gradient(lab(100% -.0000298023 .0000119209/.12) 1px,#0000 1px);background-size:22px 22px;display:block;position:absolute;inset:0;-webkit-mask-image:radial-gradient(64% 58% at 78% 26%,#000 14%,#0000 78%);mask-image:radial-gradient(64% 58% at 78% 26%,#000 14%,#0000 78%)}.perm-cabecera{padding:32px 36px 22px;position:relative}.perm-titular{max-width:20ch;color:var(--p-tinta)}.perm-entradilla{max-width:62ch;color:var(--p-tenue);margin-top:14px;font-size:15px;line-height:1.6}.perm-escena{border-top:1px solid var(--p-filete);grid-template-columns:minmax(0,1fr);gap:26px;padding:24px 0 0 36px;display:grid;position:relative}@media (min-width:1024px){.perm-escena{grid-template-columns:232px 340px minmax(0,1fr);align-items:start;gap:20px}}@media (min-width:1024px) and (max-width:1279px){.perm-escena{grid-template-columns:320px minmax(0,1fr)}.perm-cuadrilla{display:none}}.perm-cuadrilla{aspect-ratio:3/4;border:1px solid var(--p-filete);background:#ffffff0d;background:lab(100% -.0000298023 .0000119209/.05);border-radius:16px;position:relative;overflow:hidden}.perm-foto{transition:opacity .7s var(--a-curva);background-position:50%;background-size:cover;position:absolute;inset:0}.perm-foto-curso{opacity:1;background-image:url(/images/home/permiso-en-curso.webp)}.perm-foto-parada{opacity:0;background-image:url(/images/home/permiso-detenido.webp)}.perm-escena[data-fase="0"] .perm-foto-parada,.perm-escena[data-fase="1"] .perm-foto-parada,.perm-escena[data-fase="2"] .perm-foto-parada{opacity:0}.perm-escena:not([data-fase="0"]):not([data-fase="1"]):not([data-fase="2"]) .perm-foto-parada{opacity:1}.perm-escena:not([data-fase="0"]):not([data-fase="1"]):not([data-fase="2"]) .perm-foto-curso{opacity:0}.perm-cuadrilla-velo{background:linear-gradient(to top,color-mix(in oklab,color-mix(in oklab,var(--brand-accent)8%,black)88%,transparent)0%,color-mix(in oklab,color-mix(in oklab,var(--brand-accent)8%,black)24%,transparent)46%,transparent 72%);position:absolute;inset:0}.perm-cuadrilla-pie{font-family:var(--font-jakarta),sans-serif;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600;display:grid;position:absolute;inset:auto 14px 14px}.perm-cuadrilla-pie>span{transition:opacity .5s var(--a-curva);grid-area:1/1}.perm-cuadrilla-curso{color:#ffffffd1;color:lab(100% -.0000298023 .0000119209/.82)}.perm-cuadrilla-parada{color:var(--p-falla);opacity:0}.perm-escena:not([data-fase="0"]):not([data-fase="1"]):not([data-fase="2"]) .perm-cuadrilla-curso{opacity:0}.perm-escena:not([data-fase="0"]):not([data-fase="1"]):not([data-fase="2"]) .perm-cuadrilla-parada{opacity:1}@media (prefers-reduced-motion:reduce){.perm-foto,.perm-cuadrilla-pie>span{transition:none}}.perm-ficha{border:1px solid var(--p-filete);transition:border-color .5s var(--a-curva),background-color .5s var(--a-curva);background:#ffffff0f;border-color:color-mix(in oklab,var(--p-falla)55%,transparent);background:lab(100% -.0000298023 .0000119209/.06);border-radius:16px;padding:20px;position:relative}.perm-escena[data-fase="0"] .perm-ficha,.perm-escena[data-fase="1"] .perm-ficha,.perm-escena[data-fase="2"] .perm-ficha{border-color:var(--p-filete)}.perm-ficha-rotulo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--p-tenue);font-size:11px;font-weight:600}.perm-ficha-tipo{color:var(--p-tinta);margin-top:8px;font-size:18px}.perm-reloj{font-family:var(--fuente-mono),ui-monospace,monospace;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--p-tinta);align-items:baseline;margin-top:18px;font-size:30px;display:flex;position:relative}.perm-reloj-pila{display:grid}.perm-reloj-seg{color:color-mix(in oklab,var(--p-tinta)68%,transparent);font-size:22px}.perm-reloj-ampm{font-family:var(--font-jakarta),sans-serif;letter-spacing:.04em;color:color-mix(in oklab,var(--p-tinta)62%,transparent);margin-left:8px;font-size:13px}.perm-reloj-hora{opacity:0;transition:opacity .45s var(--a-curva),transform .45s var(--a-curva);grid-area:1/1;transform:translateY(-6px)}.perm-reloj-hora:last-child{opacity:1;transform:none}.perm-escena[data-fase="0"] .perm-reloj-hora:last-child,.perm-escena[data-fase="1"] .perm-reloj-hora:last-child,.perm-escena[data-fase="2"] .perm-reloj-hora:last-child{opacity:0;transform:translateY(6px)}.perm-escena[data-fase="0"] .perm-reloj-hora:first-child,.perm-escena[data-fase="1"] .perm-reloj-hora:nth-child(2),.perm-escena[data-fase="2"] .perm-reloj-hora:nth-child(3){opacity:1;transform:none}.perm-estado{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:9px;margin-top:16px;font-size:12px;font-weight:600;display:flex;position:relative}.perm-estado-luz{width:8px;height:8px;transition:background-color .5s var(--a-curva),box-shadow .5s var(--a-curva);background:var(--p-falla);box-shadow:0 0 12px color-mix(in oklab,var(--p-falla)65%,transparent);border-radius:50%;flex:none}.perm-escena[data-fase="0"] .perm-estado-luz,.perm-escena[data-fase="1"] .perm-estado-luz,.perm-escena[data-fase="2"] .perm-estado-luz{background:var(--p-ok);box-shadow:0 0 10px color-mix(in oklab,var(--p-ok)60%,transparent);animation:perm-latido 2s var(--a-curva)infinite}@keyframes perm-latido{50%{box-shadow:0 0 3px color-mix(in oklab,var(--p-ok)40%,transparent)}}.perm-estado-abierto,.perm-estado-roto{transition:opacity .4s var(--a-curva);grid-area:1/1}.perm-estado-abierto{color:var(--p-ok);opacity:0;position:absolute;left:17px}.perm-estado-roto{color:var(--p-falla);opacity:1}.perm-escena[data-fase="0"] .perm-estado-abierto,.perm-escena[data-fase="1"] .perm-estado-abierto,.perm-escena[data-fase="2"] .perm-estado-abierto{opacity:1}.perm-escena[data-fase="0"] .perm-estado-roto,.perm-escena[data-fase="1"] .perm-estado-roto,.perm-escena[data-fase="2"] .perm-estado-roto{opacity:0}.perm-ficha-pie{border-top:1px solid var(--p-filete);color:var(--p-tenue);transition:color .5s var(--a-curva);margin-top:18px;padding-top:16px;font-size:12.5px;line-height:1.55}.perm-escena[data-fase="0"] .perm-ficha-pie,.perm-escena[data-fase="1"] .perm-ficha-pie,.perm-escena[data-fase="2"] .perm-ficha-pie{opacity:.6}.perm-marco{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 52px calc(100% - 96px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 52px calc(100% - 96px),#0000 100%)}.perm-carril{--avance:3;transform:translateX(calc(var(--avance)*-244px));transition:transform .65s var(--a-curva);gap:16px;padding:4px 0;display:flex}.perm-escena[data-fase="0"] .perm-carril{--avance:0}.perm-escena[data-fase="1"] .perm-carril{--avance:1}.perm-escena[data-fase="2"] .perm-carril{--avance:2}.perm-tarjeta{border:1px solid var(--p-filete);background:color-mix(in oklab,var(--brand-accent)14%,color-mix(in oklab,var(--brand-accent)12%,black));width:228px;transition:opacity .5s var(--a-curva),border-color .5s var(--a-curva);opacity:0;border-radius:14px;flex:none;padding:18px 20px}.perm-tarjeta:last-child,.perm-escena[data-fase="0"] .perm-tarjeta,.perm-escena[data-fase="1"] .perm-tarjeta[data-i="1"],.perm-escena[data-fase="1"] .perm-tarjeta[data-i="2"],.perm-escena[data-fase="1"] .perm-tarjeta[data-i="3"],.perm-escena[data-fase="2"] .perm-tarjeta[data-i="2"],.perm-escena[data-fase="2"] .perm-tarjeta[data-i="3"],.perm-escena[data-fase="3"] .perm-tarjeta[data-i="3"]{opacity:1}.perm-escena[data-fase="1"] .perm-tarjeta[data-i="0"],.perm-escena[data-fase="2"] .perm-tarjeta[data-i="0"],.perm-escena[data-fase="2"] .perm-tarjeta[data-i="1"],.perm-escena[data-fase="3"] .perm-tarjeta[data-i="0"],.perm-escena[data-fase="3"] .perm-tarjeta[data-i="1"],.perm-escena[data-fase="3"] .perm-tarjeta[data-i="2"]{opacity:0}.perm-escena[data-fase="0"] .perm-tarjeta[data-i="0"],.perm-escena[data-fase="1"] .perm-tarjeta[data-i="1"],.perm-escena[data-fase="2"] .perm-tarjeta[data-i="2"]{border-color:color-mix(in oklab,var(--p-ok)50%,transparent)}.perm-tarjeta[data-rompe]{border-color:color-mix(in oklab,var(--p-falla)60%,transparent)}.perm-escena[data-fase="0"] .perm-tarjeta[data-rompe],.perm-escena[data-fase="1"] .perm-tarjeta[data-rompe],.perm-escena[data-fase="2"] .perm-tarjeta[data-rompe]{border-color:var(--p-filete)}.perm-tarjeta-hora{font-family:var(--fuente-mono),ui-monospace,monospace;letter-spacing:.16em;color:var(--p-tenue);font-size:10.5px}.perm-tarjeta[data-rompe] .perm-tarjeta-hora{color:var(--p-falla)}.perm-tarjeta-titulo{color:var(--p-tinta);margin-top:6px;font-size:16px}.perm-tarjeta-puntos{flex-direction:column;gap:9px;margin-top:14px;display:flex}.perm-tarjeta-puntos li{color:var(--p-tenue);padding-left:16px;font-size:13px;line-height:1.35;position:relative}.perm-tarjeta-puntos li:before{content:"";background:var(--p-ok);border-radius:50%;width:5px;height:5px;position:absolute;top:.42em;left:0}.perm-tarjeta-puntos li[data-falla]{color:var(--p-falla)}.perm-tarjeta-puntos li[data-falla]:before{background:var(--p-falla);box-shadow:0 0 8px color-mix(in oklab,var(--p-falla)60%,transparent)}.perm-pie{border-top:1px solid var(--p-filete);margin-top:26px;padding:18px 36px 26px;position:relative}.perm-pie-rotulo{font-family:var(--font-jakarta),sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--p-tenue);font-size:11px;font-weight:600}.perm-tipos{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.perm-tipo{border:1px solid var(--p-filete);letter-spacing:.04em;color:var(--p-tenue);border-radius:100px;padding:5px 12px;font-size:12px;font-weight:600}.perm-pie-texto{max-width:72ch;color:var(--p-tenue);margin-top:14px;font-size:13px;line-height:1.6}@media (max-width:1023px){.perm-escena{padding:22px 22px 0}.perm-marco{-webkit-mask-image:none;mask-image:none}.perm-carril{flex-direction:column;gap:14px;transform:none}.perm-tarjeta,.perm-tarjeta:last-child,.perm-escena[data-fase] .perm-tarjeta{opacity:1;width:100%}.perm-cabecera{padding:26px 22px 20px}.perm-pie{padding:18px 22px 24px}}@media (prefers-reduced-motion:reduce){.perm-carril,.perm-tarjeta,.perm-ficha,.perm-reloj-hora,.perm-estado-luz,.perm-estado-abierto,.perm-estado-roto,.perm-ficha-pie{transition:none}.perm-estado-luz{animation:none}}
.casos{--a-ink:var(--v-ink);--a-muted:var(--v-ink-muted);--a-line:var(--v-line);--a-surface:var(--v-surface)}.casos-rejilla{grid-template-columns:minmax(0,1fr);margin-top:clamp(48px,6vw,96px);display:grid}.caso-pieza:not(:last-child){margin-bottom:clamp(64px,7vw,112px)}.caso-pieza{min-width:0;container:caso/inline-size}.caso-pieza :is(.port-lienzo,.perm-lienzo,.cli-lienzo){background:0 0;border-radius:0;flex-direction:column;display:flex;overflow:visible}.caso-pieza :is(.port-trama,.perm-trama,.cli-trama){display:none}.caso-pieza .port{--caso-fondo:var(--p-hondo)}.caso-pieza :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena){isolation:isolate;border:1px solid var(--v-line);background-image:var(--caso-fondo,var(--a-hondo));transition:border-color .4s var(--v-curva),translate .4s var(--v-curva);border-radius:20px;order:1;position:relative;overflow:hidden}.caso-pieza :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena):before{content:"";z-index:-1;pointer-events:none;opacity:.6;transition:opacity .4s var(--v-curva);background-image:radial-gradient(#ffffff21 1px,#0000 1px);background-image:radial-gradient(lab(100% -.0000298023 .0000119209/.13) 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 66% at 72% 28%,#000 12%,#0000 78%);mask-image:radial-gradient(72% 66% at 72% 28%,#000 12%,#0000 78%)}.caso-pieza:hover :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena){border-color:color-mix(in oklab,var(--logo-aguamarina)60%,transparent);translate:0 -4px}.caso-pieza:hover :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena):before{opacity:1}.caso-pieza :is(.port-cabecera,.perm-cabecera,.cli-cabecera,.caso-pie){order:2;padding:28px 0 0}.caso-pieza :is(.perm-pie,.cli-fuente){border-top:0;order:3;margin-top:22px;padding:0}.caso-pieza :is(.perm-cabecera,.cli-cabecera)>p:first-child,.caso-pie-rotulo{letter-spacing:.08em;text-transform:uppercase;color:var(--v-ink-muted);font-size:12px;font-weight:600}.caso-pieza :is(.port-titular,.perm-titular,.cli-titular),.caso-pie-titular{letter-spacing:-.03em;max-width:22ch;color:var(--v-ink);margin-top:14px;font-size:clamp(26px,2.6vw,40px);font-weight:600;line-height:1.08}.caso-pieza :is(.port-entradilla,.perm-entradilla,.cli-entradilla),.caso-pie-texto{max-width:58ch;color:var(--v-ink-muted);margin-top:14px;font-size:16px;line-height:1.65}@container caso (min-width:900px){.caso-pieza :is(.port-cabecera,.caso-pie){grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:48px;display:grid}.caso-pieza :is(.port-entradilla,.caso-pie-texto){grid-area:1/2/span 2;margin-top:0}}.caso-pieza .port-cuerpo{border-top:1px solid var(--v-line);border-bottom:1px solid var(--v-line)}.caso-pieza .perm-escena{border-top:1px solid var(--v-line);grid-template-columns:minmax(0,1fr);gap:20px;padding:24px}.caso-pieza .perm-cuadrilla{aspect-ratio:16/10;display:block}.caso-pieza .perm-marco{margin-right:-24px}@container caso (min-width:540px){.caso-pieza .perm-escena{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch}.caso-pieza .perm-cuadrilla{aspect-ratio:auto;min-height:300px}.caso-pieza .perm-marco{grid-column:1/-1}}@container caso (min-width:1000px){.caso-pieza .perm-escena{grid-template-columns:232px 340px minmax(0,1fr);align-items:start}.caso-pieza .perm-cuadrilla{aspect-ratio:3/4}.caso-pieza .perm-marco{grid-column:auto}}.caso-pieza .cli-pasos{grid-template-columns:minmax(0,1fr);gap:12px;padding:14px}.caso-pieza .cli-escena{height:214px}@container caso (min-width:520px){.caso-pieza .cli-paso{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:20px;padding:12px;display:grid}.caso-pieza .cli-escena{grid-row:1/4;height:224px;margin-bottom:0}.caso-pieza .cli-paso-n{margin-top:8px}}@container caso (min-width:960px){.caso-pieza .cli-pasos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px}.caso-pieza .cli-paso{padding:16px 16px 22px;display:flex}.caso-pieza .cli-escena{height:208px;margin-bottom:20px}.caso-pieza .cli-paso-n{margin-top:0}}@media (min-width:1200px){.casos-rejilla{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,2.4vw,40px)}.caso-pieza[data-ancha]{grid-column:1/-1}.caso-pieza:not([data-ancha]){grid-row:span 3;grid-template-rows:subgrid;row-gap:0;margin-bottom:0;display:grid;container-type:normal}.caso-pieza:not([data-ancha]) .perm-escena{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:stretch}.caso-pieza:not([data-ancha]) .perm-cuadrilla{aspect-ratio:auto;min-height:300px}.caso-pieza:not([data-ancha]) .perm-marco{grid-column:1/-1}.caso-pieza:not([data-ancha]) .cli-paso{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:20px;padding:12px;display:grid}.caso-pieza:not([data-ancha]) .cli-escena{grid-row:1/4;height:224px;margin-bottom:0}.caso-pieza:not([data-ancha]) .cli-paso-n{margin-top:8px}.caso-pieza:not([data-ancha]) :is(.perm-lienzo,.cli-lienzo){display:contents}.caso-pieza:not([data-ancha]) :is(.perm-escena,.cli-pasos){grid-row:1;align-content:center}.caso-pieza:not([data-ancha]) .perm-escena{grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.caso-pieza:not([data-ancha]) .perm-ficha{align-self:center}.caso-pieza:not([data-ancha]) :is(.perm-cabecera,.cli-cabecera){grid-row:2}.caso-pieza:not([data-ancha]) :is(.perm-pie,.cli-fuente){grid-row:3;align-self:start}}.mapa-caso{flex-direction:column;display:flex}.mapa-caso-escena{padding:clamp(20px,3vw,44px)}.caso-pieza .mapa-rotulo{color:var(--logo-tinta)}@media (max-width:767px){.caso-pieza :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena){border-radius:16px}.caso-pieza .perm-escena{padding:18px}.caso-pieza .perm-marco{margin-right:0}.caso-pieza :is(.port-cabecera,.perm-cabecera,.cli-cabecera,.caso-pie){padding-top:22px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.caso-pieza :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena){animation:linear both crece-al-ver;animation-timeline:view();animation-range:entry cover 40%}.caso-pieza :is(.port-cabecera,.perm-cabecera,.cli-cabecera,.caso-pie){animation:linear both entra-al-ver;animation-timeline:view();animation-range:entry cover 30%}.caso-pieza .caso-pie{animation-range:entry}}}@media (prefers-reduced-motion:reduce){.caso-pieza :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena),.caso-pieza :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena):before{transition:none}.caso-pieza:hover :is(.port-cuerpo,.perm-escena,.cli-pasos,.mapa-caso-escena){translate:none}}