@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}}.f-marco-demo{background:var(--f-gris);border-radius:24px;padding:1.25rem}@media (min-width:768px){.f-marco-demo{padding:1.5rem}}.f-app{background:var(--f-blanco);border:1px solid var(--borde);border-radius:16px;box-shadow:0 24px 50px -36px rgb(11 15 20/.3);overflow:hidden;text-align:left}.f-punto-vivo{animation:f-punto-vivo 2.2s ease-out infinite}@keyframes f-punto-vivo{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--jade) 45%,transparent)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.f-d1-texto{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--jade);max-width:0;animation:f-d1-texto 9s steps(70) infinite;vertical-align:bottom}@keyframes f-d1-texto{0%,8%{max-width:0}40%,to{max-width:100%}}.f-d1-pastilla{opacity:0;transform:translateY(6px);animation:f-d1-pastilla 9s var(--curva) infinite}.f-d1-pastilla-1{animation-delay:.25s}.f-d1-pastilla-2{animation-delay:.5s}.f-d1-pastilla-3{animation-delay:.75s}@keyframes f-d1-pastilla{0%,44%{opacity:0;transform:translateY(6px)}50%,to{opacity:1;transform:none}}.f-d1-boton{animation:f-d1-boton 9s var(--curva) infinite}@keyframes f-d1-boton{0%,66%{transform:none}69%{transform:scale(.96)}72%,to{transform:none}}.f-d1-fila{opacity:0;max-height:0;animation:f-d1-fila 9s var(--curva) infinite}@keyframes f-d1-fila{0%,70%{opacity:0;max-height:0;background:var(--jade-superficie)}76%,92%{opacity:1;max-height:4rem;background:var(--jade-superficie)}to{opacity:1;max-height:4rem;background:transparent}}.f-d2-paso-0,.f-d2-paso-1{border-color:var(--jade);background:var(--jade);color:var(--niebla)}.f-d2-paso-2{animation:f-d2-paso-actual 10s var(--curva) infinite}@keyframes f-d2-paso-actual{0%,45%{background:var(--f-blanco);border-color:var(--jade);color:var(--jade-texto);box-shadow:0 0 0 5px color-mix(in oklab,var(--jade) 14%,transparent)}50%,to{background:var(--jade);border-color:var(--jade);color:var(--niebla);box-shadow:none}}.f-d2-paso-3{border-color:var(--borde-fuerte);background:var(--f-blanco);color:var(--texto-terciario);animation:f-d2-paso-siguiente 10s var(--curva) infinite}@keyframes f-d2-paso-siguiente{0%,50%{border-color:var(--borde-fuerte);color:var(--texto-terciario);box-shadow:none}56%,to{border-color:var(--jade);color:var(--jade-texto);box-shadow:0 0 0 5px color-mix(in oklab,var(--jade) 14%,transparent)}}.f-d2-paso-4{border-color:var(--borde-fuerte);background:var(--f-blanco);color:var(--texto-terciario)}.f-d2-tramo-0,.f-d2-tramo-1{width:100%}.f-d2-tramo-2{animation:f-d2-tramo 10s var(--curva) infinite}@keyframes f-d2-tramo{0%,45%{width:35%}52%,to{width:100%}}.f-d2-tramo-3{width:0}.f-d2-nombre-0,.f-d2-nombre-1,.f-d2-nombre-2{font-weight:var(--peso-semi)}.f-d2-nombre-3{animation:f-d2-nombre 10s steps(1) infinite}@keyframes f-d2-nombre{0%,50%{color:var(--texto-terciario)}56%,to{color:var(--texto);font-weight:var(--peso-semi)}}.f-d2-nombre-4{color:var(--texto-terciario)}.f-d2-boton{animation:f-d2-boton 10s var(--curva) infinite}@keyframes f-d2-boton{0%,38%{transform:none}41%{transform:scale(.95)}44%,to{transform:none}}.f-d2-foto{opacity:0;animation:f-d2-foto 10s var(--curva) infinite}@keyframes f-d2-foto{0%,40%{opacity:0;transform:scale(.9)}46%,to{opacity:1;transform:none}}.f-d2-aviso{opacity:0;max-height:0;animation:f-d2-aviso 10s var(--curva) infinite}@keyframes f-d2-aviso{0%,48%{opacity:0;max-height:0}54%,to{opacity:1;max-height:2.5rem}}.f-interruptor{position:relative;width:36px;height:22px;border-radius:999px;background:var(--borde-fuerte);flex:none;display:inline-block}.f-interruptor:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:999px;background:var(--f-blanco);box-shadow:0 1px 3px rgb(0 0 0/.25)}.f-interruptor-si{background:var(--jade)}.f-interruptor-si:after{transform:translateX(14px)}.f-d3-interruptor{animation:f-d3-interruptor 8s var(--curva) infinite}.f-d3-interruptor:after{animation:f-d3-perilla 8s var(--curva) infinite}@keyframes f-d3-interruptor{0%,28%{background:var(--borde-fuerte)}34%,to{background:var(--jade)}}@keyframes f-d3-perilla{0%,28%{transform:none}34%,to{transform:translateX(14px)}}.f-d3-cursor{position:absolute;right:14px;top:4px;animation:f-d3-cursor 8s var(--curva) infinite}@keyframes f-d3-cursor{0%{transform:translate(60px,60px);opacity:0}12%{opacity:1}26%,34%{transform:translate(0)}60%{transform:translate(0);opacity:1}70%,to{opacity:0;transform:translate(60px,60px)}}.f-d3-documento{opacity:0;max-height:0;animation:f-d3-documento 8s var(--curva) infinite}@keyframes f-d3-documento{0%,36%{opacity:0;transform:translateY(10px);max-height:0}44%,to{opacity:1;transform:none;max-height:5rem}}.f-pregunta{border-top:1px solid var(--borde);padding:1.125rem 0}.f-pregunta summary{cursor:pointer;font-size:1.0625rem;font-weight:var(--peso-semi);letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem}.f-pregunta summary::-webkit-details-marker{display:none}.f-pregunta summary:after{content:"+";font-size:1.375rem;font-weight:var(--peso-normal);color:var(--texto-terciario);transition:transform var(--f-rapido) var(--curva)}.f-pregunta[open] summary:after{transform:rotate(45deg)}.f-pregunta p{margin-top:.625rem;font-size:.9375rem;line-height:1.6;color:var(--texto-secundario);max-width:40rem}@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}.f-d1-texto{animation:none!important;max-width:100%!important;border-right:0!important}.f-d1-pastilla,.f-d2-aviso,.f-d2-foto,.f-d3-documento{animation:none!important;opacity:1!important;transform:none!important;max-height:none!important}.f-d1-fila{opacity:1!important;max-height:4rem!important}.f-d1-boton,.f-d1-fila,.f-d2-boton,.f-d2-nombre-3,.f-d2-paso-2,.f-d2-paso-3,.f-d2-tramo-2,.f-d3-cursor,.f-d3-interruptor,.f-d3-interruptor:after,.f-punto-vivo{animation:none!important}.f-d2-paso-2{background:var(--jade)!important;border-color:var(--jade)!important;color:var(--niebla)!important;box-shadow:none!important}.f-d2-tramo-2{width:100%!important}.f-d3-interruptor{background:var(--jade)!important}.f-d3-interruptor:after{transform:translateX(14px)!important}.f-d3-cursor{display:none!important}}}