*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--u: 8px;--fondo: oklch(97.5% .018 245);--fondo-2: oklch(95.2% .03 240);--superficie: oklch(99.4% .005 245);--azul: oklch(56% .19 258);--azul-vivo: oklch(62% .19 252);--azul-hondo: oklch(33% .115 262);--azul-tinta: oklch(27% .075 262);--azul-suave: oklch(48% .055 258);--p-azul: oklch(89% .062 258);--p-celeste: oklch(90% .07 228);--p-cielo: oklch(91% .068 210);--p-agua: oklch(91% .072 196);--p-hielo: oklch(93% .04 250);--p-brillo: oklch(87% .11 214);--p-azul-2: oklch(72% .115 258);--p-celeste-2: oklch(74% .118 228);--p-cielo-2: oklch(75% .115 210);--bien: oklch(54% .13 220);--mal: oklch(48% .2 27);--p-bien: oklch(91% .072 205);--p-mal: oklch(93% .045 25);--r-xs: 10px;--r-sm: 16px;--r-md: 24px;--r-lg: 34px;--r-xl: 44px;--r-pill: 999px;--d-1: 0 1px 2px oklch(56% .09 258 / .1), 0 3px 8px oklch(56% .09 258 / .07);--d-2: 0 2px 4px oklch(56% .09 258 / .1), 0 8px 20px oklch(56% .09 258 / .1), 0 1px 0 oklch(100% 0 0 / .85) inset;--d-3: 0 3px 6px oklch(56% .09 258 / .11), 0 16px 36px oklch(56% .09 258 / .13), 0 2px 0 oklch(100% 0 0 / .9) inset;--d-4: 0 6px 12px oklch(56% .09 258 / .13), 0 28px 60px oklch(56% .09 258 / .16), 0 2px 0 oklch(100% 0 0 / .9) inset;--grosor-azul: 0 4px 0 oklch(44% .17 258);--display: "Gabarito", ui-rounded, "Segoe UI", system-ui, sans-serif;--texto: "Figtree", ui-sans-serif, system-ui, -apple-system, sans-serif;--curva: cubic-bezier(.16, 1, .3, 1);--curva-suave: cubic-bezier(.32, .72, .3, 1)}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--texto);font-size:16px;color:var(--azul-tinta);background:var(--fondo);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.atmosfera{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(45% 32% at 12% 8%,oklch(90% .066 220 / .85),transparent 70%),radial-gradient(40% 30% at 88% 22%,oklch(89% .062 296 / .7),transparent 70%),radial-gradient(46% 34% at 78% 78%,oklch(90% .068 168 / .6),transparent 70%),radial-gradient(38% 28% at 18% 88%,oklch(90% .061 48 / .55),transparent 70%),var(--fondo)}.titular{font-family:var(--display);font-weight:800;font-size:clamp(2.3rem,1.5rem + 3.4vw,4.4rem);line-height:1.02;letter-spacing:-.032em;color:var(--azul-hondo);text-wrap:balance}.titular-seccion{font-family:var(--display);font-weight:800;font-size:clamp(1.75rem,1.25rem + 2vw,2.9rem);line-height:1.1;letter-spacing:-.026em;color:var(--azul-hondo);text-wrap:balance}.titulo-3{font-family:var(--display);font-weight:700;font-size:clamp(1.15rem,1.05rem + .45vw,1.42rem);line-height:1.22;letter-spacing:-.014em;color:var(--azul-hondo)}.parrafo{font-size:clamp(1.02rem,.98rem + .24vw,1.16rem);line-height:1.62;color:var(--azul-suave);max-width:62ch;text-wrap:pretty}.bloque{background:var(--superficie);border-radius:var(--r-lg);box-shadow:var(--d-2);padding:clamp(20px,1rem + 1.6vw,34px)}.bloque-alto{box-shadow:var(--d-3)}.boton{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--display);font-weight:700;font-size:1rem;padding:15px 28px;border-radius:var(--r-pill);background:var(--azul);color:#fff;box-shadow:var(--grosor-azul),var(--d-2);transition:transform .14s var(--curva),box-shadow .14s var(--curva-suave),background .14s;white-space:nowrap}.boton:hover{background:var(--azul-vivo);transform:translateY(-1px)}.boton:active{transform:translateY(4px);box-shadow:0 0 #004daa,var(--d-1);box-shadow:0 0 oklch(44% .17 258),var(--d-1)}.boton:disabled{opacity:.6;cursor:default;transform:none}.boton-suave{background:var(--superficie);color:var(--azul-hondo);box-shadow:0 3px 0 var(--p-azul-2),var(--d-1)}.boton-suave:hover{background:var(--fondo)}.boton-suave:active{box-shadow:0 0 0 var(--p-azul-2),var(--d-1)}@media (prefers-reduced-motion: reduce){.boton,.boton:hover,.boton:active{transition:none;transform:none}}.pastilla{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:12px 13px;min-height:44px;border-radius:var(--r-sm);font-family:var(--display);font-weight:600;font-size:.76rem;line-height:1.25;transition:background .46s var(--curva-suave),color .46s var(--curva-suave),box-shadow .46s var(--curva-suave),transform .46s var(--curva);overflow-wrap:anywhere}.contenedor{width:min(100% - 40px,1200px);margin-inline:auto}@media (max-width: 560px){.contenedor{width:calc(100% - 28px)}}.seccion{padding-block:clamp(44px,2rem + 3vw,80px);position:relative}.entra{opacity:0;transform:translateY(22px) scale(.985);transition:opacity .56s var(--curva-suave),transform .64s var(--curva)}.entra.dentro{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.entra{opacity:1;transform:none;transition:none}.pastilla{transition:none}}:where(a,button,input,[tabindex]):focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:var(--r-sm)}.solo-lectores{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.saltar{position:absolute;left:20px;top:-100px;background:var(--azul);color:#fff;padding:13px 20px;z-index:100;font-family:var(--display);font-weight:700;border-radius:var(--r-pill);transition:top .16s}.saltar:focus{top:20px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font:inherit;color:inherit}img,svg{display:block;max-width:100%}::selection{background:var(--p-azul);color:var(--azul-hondo)}@keyframes sube{0%{opacity:0;transform:translateY(26px) scale(.986)}to{opacity:1;transform:none}}.carga{opacity:0;animation:sube .78s var(--curva) forwards}.carga-1{animation-delay:60ms}.carga-2{animation-delay:.17s}.carga-3{animation-delay:.28s}.carga-4{animation-delay:.39s}.carga-5{animation-delay:.5s}.carga-6{animation-delay:.24s}@media (prefers-reduced-motion: reduce){.carga{opacity:1;animation:none}}.tocable{transition:transform .22s var(--curva),box-shadow .22s var(--curva-suave)}.tocable:hover{transform:translateY(-4px);box-shadow:var(--d-4)}@media (prefers-reduced-motion: reduce){.tocable,.tocable:hover{transition:none;transform:none}}@keyframes latido{0%,to{box-shadow:0 0 #3873e657}50%{box-shadow:0 0 0 12px #3873e600}}.espera{animation:latido 2.4s var(--curva-suave) infinite}@media (prefers-reduced-motion: reduce){.espera{animation:none}}