@layer components{.folleto{--f-ancho:1200px;--f-lectura:62ch;--f-blanco:#ffffff;--f-hueso:#fafafa;--f-gris:#f6f7f7;--f-radio:18px;--f-sombra:0 24px 60px -28px rgb(20 22 26/0.28),0 2px 6px -2px rgb(20 22 26/0.08);--f-rapido:180ms;--f-medio:420ms;--f-lento:800ms;background:var(--f-blanco);color:var(--texto);color-scheme:light}.f-h1{font-size:clamp(2.75rem,6.2vw,6.25rem);line-height:.98;letter-spacing:-.042em}.f-h1,.f-h2{font-weight:var(--peso-semi);text-wrap:balance}.f-h2{font-size:clamp(2.125rem,4.4vw,4.25rem);line-height:1.02;letter-spacing:-.035em}.f-h3{font-size:clamp(1.375rem,1.6vw,1.75rem);line-height:1.15;letter-spacing:-.02em;font-weight:var(--peso-semi);text-wrap:balance}.f-texto{font-size:1.0625rem;line-height:1.6}.f-texto-grande{font-size:clamp(1.125rem,1.4vw,1.375rem);line-height:1.5;text-wrap:pretty}.f-etiqueta{font-size:.8125rem;letter-spacing:.06em;color:var(--texto-terciario)}.f-lectura{max-width:var(--f-lectura)}.f-seccion{width:100%;max-width:var(--f-ancho);margin-inline:auto;padding-inline:1.25rem}@media (min-width:768px){.f-seccion{padding-inline:2rem}}.f-tarjeta{background:var(--f-blanco);border:1px solid var(--borde);border-radius:var(--f-radio);transition:border-color var(--f-rapido) var(--curva),transform var(--f-rapido) var(--curva),box-shadow var(--f-rapido) var(--curva)}.f-tarjeta:hover{border-color:var(--borde-fuerte)}.f-tarjeta[data-eleva]:hover,a.f-tarjeta:hover{transform:translateY(-2px);box-shadow:0 16px 40px -24px rgb(20 22 26/.25)}.f-gris{background:var(--f-gris)}.f-oscuro{background:var(--tinta);color:var(--niebla)}.f-oscuro .f-etiqueta{color:color-mix(in oklab,var(--niebla) 62%,transparent)}.f-oscuro .f-secundario{color:color-mix(in oklab,var(--niebla) 72%,transparent)}.f-barra{background:var(--f-blanco);border-bottom:1px solid transparent;transition:background-color var(--f-rapido) var(--curva),border-color var(--f-rapido) var(--curva)}.f-barra[data-desplazada="1"]{background:color-mix(in oklab,var(--f-blanco) 82%,transparent);border-bottom-color:color-mix(in oklab,var(--borde) 80%,transparent)}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.f-barra[data-desplazada="1"]{-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}}.f-hero{padding-top:1.75rem;padding-bottom:3.5rem}@media (min-width:768px){.f-hero{padding-top:2.5rem;padding-bottom:4.5rem}}@media (min-width:1024px){.f-hero{padding-top:3rem;padding-bottom:5.5rem}}.f-menu{background:color-mix(in oklab,var(--f-blanco) 92%,transparent);border:1px solid var(--borde);border-radius:var(--f-radio);box-shadow:var(--f-sombra)}@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.f-menu{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}}.f-boton,.f-boton-claro,.f-boton-secundario{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.875rem;padding-inline:1.375rem;border-radius:var(--radio-redondo);font-size:.9375rem;font-weight:var(--peso-medio);white-space:nowrap;transition:background-color var(--f-rapido) var(--curva),color var(--f-rapido) var(--curva),border-color var(--f-rapido) var(--curva),transform var(--f-rapido) var(--curva)}.f-boton{background:var(--jade);color:var(--niebla)}.f-boton:hover{background:var(--accion-fondo-activo)}.f-boton:active{transform:translateY(1px)}.f-boton-secundario{border:1px solid var(--borde-fuerte);color:var(--texto);background:transparent}.f-boton-secundario:hover{background:var(--superficie-2)}.f-boton-claro{background:var(--niebla);color:var(--tinta)}.f-boton-claro:hover{background:var(--f-blanco)}.f-oscuro .f-boton-secundario{border-color:color-mix(in oklab,var(--niebla) 35%,transparent);color:var(--niebla)}.f-oscuro .f-boton-secundario:hover{background:color-mix(in oklab,var(--niebla) 10%,transparent)}.f-marco{position:relative;overflow:hidden;border-radius:var(--f-radio);border:1px solid var(--borde);background:var(--f-gris);box-shadow:var(--f-sombra)}.f-marco:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(255 255 255/.6)}.f-marco img,.f-marco picture{display:block;width:100%;height:auto}.f-hero-marco{transform-origin:50% 40%;animation:f-endereza var(--f-lento) var(--curva) both}@keyframes f-endereza{0%{transform:perspective(1400px) rotateX(7deg) translateY(18px);opacity:0}to{transform:perspective(1400px) rotateX(0deg) translateY(0);opacity:1}}.f-escena{animation:f-escena var(--f-medio) var(--curva) both}@keyframes f-escena{0%{opacity:0;transform:scale(.992)}to{opacity:1;transform:scale(1)}}.f-ficha{animation:f-ficha .52s var(--curva) .26s both}@keyframes f-ficha{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.f-progreso{transform-origin:left;animation:f-progreso var(--f-hero-ritmo,3.4s) linear both}@keyframes f-progreso{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.f-revela{transition:opacity var(--f-medio) var(--curva),transform var(--f-medio) var(--curva)}html[data-guion] .f-revela{opacity:0;transform:translateY(14px)}html[data-guion] .al-entrar[data-visto="1"] .f-revela,html[data-guion] .f-revela[data-visto="1"]{opacity:1;transform:none}html[data-guion] .f-canal{animation:f-canal .9s var(--curva) both;animation-delay:calc(var(--i, 0) * .11s)}@keyframes f-canal{0%{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}.f-hilo{stroke-dasharray:6 8;animation:f-hilo 2.8s linear infinite}@keyframes f-hilo{to{stroke-dashoffset:-28}}.f-cifra{font-variant-numeric:tabular-nums}.f-abre{animation:f-abre .2s var(--curva) both}@keyframes f-abre{0%{opacity:0;transform:translateY(-6px) scale(.99)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.f-abre,.f-canal,.f-escena,.f-ficha,.f-hero-marco{animation:none!important;opacity:1!important;transform:none!important}.f-progreso{transform:none!important}.f-hilo,.f-progreso{animation:none!important}.f-revela{opacity:1!important;transform:none!important}.f-boton,.f-revela,.f-tarjeta{transition:none!important}}}