:root{--fondo:#f4f2ef;--gris-calido:#dee0d9;--salvia:#b8ccb0;--topo:#b5a899;--tinta:#000;--blanco:#fff;--texto-suave:#5a5550;--borde:#e2ddd6;--borde-fuerte:#cfc7bc;--alerta:#a3301f;--borde-campo:#8a8178;--tipo-display:"Craw Modern URW", "Didot", "Bodoni MT", "Playfair Display", Georgia, "Times New Roman", serif;--tipo-texto:"Bryant", "Avenir Next", "Avenir", "Century Gothic", "Futura", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--tipo-datos:ui-monospace, "SF Mono", "Cascadia Mono", "Segoe UI Mono", Menlo, monospace;--paso--2:clamp(.72rem, .7rem + .1vw, .78rem);--paso--1:clamp(.84rem, .81rem + .15vw, .92rem);--paso-0:clamp(1rem, .96rem + .2vw, 1.13rem);--paso-1:clamp(1.33rem, 1.24rem + .45vw, 1.6rem);--paso-2:clamp(1.78rem, 1.58rem + 1vw, 2.5rem);--paso-3:clamp(2.6rem, 2rem + 3vw, 5rem);--espacio-3xs:.25rem;--espacio-2xs:.5rem;--espacio-xs:.75rem;--espacio-s:1rem;--espacio-m:2rem;--espacio-l:4rem;--espacio-xl:7rem;--espacio-2xl:12rem;--ancho-texto:58ch;--ancho-pagina:1240px;--ancho-panel:1100px;--resalte-alto:.62em;--resalte-arriba:.08em;--curva:cubic-bezier(.2, .7, .3, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--tinta);font-family:var(--tipo-texto);font-size:var(--paso-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:300;line-height:1.7}h1,h2,h3{font-family:var(--tipo-display);letter-spacing:-.015em;margin:0;font-weight:400;line-height:1.05}h1{font-size:var(--paso-3)}h2{font-size:var(--paso-2)}h3{font-size:var(--paso-1);letter-spacing:0}p{margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:.25em;transition:opacity .2s var(--curva);text-decoration-thickness:1px}a:hover{opacity:.6}:focus-visible{outline:2px solid var(--tinta);outline-offset:3px}.contenedor{width:min(100% - 2 * var(--espacio-s), var(--ancho-pagina));margin-inline:auto}.logotipo{font-family:var(--tipo-display);letter-spacing:-.01em;font-weight:400;text-decoration:none}.logotipo sup{font-feature-settings:"sups" off;vertical-align:super;letter-spacing:.02em;font-size:.42em}.cuadricula{gap:var(--espacio-m) var(--espacio-s);grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));justify-items:center;display:grid}.cuadricula>*{width:100%;max-width:26rem}.etiqueta{font-size:var(--paso--2);letter-spacing:.22em;text-transform:uppercase;color:var(--texto-suave);font-weight:400}.resalte{background-image:linear-gradient(var(--salvia), var(--salvia));background-repeat:no-repeat;background-position:0 var(--resalte-arriba);background-size:100% var(--resalte-alto);padding-inline:.12em}@keyframes pintar-resalte{0%{background-size:0% var(--resalte-alto)}to{background-size:100% var(--resalte-alto)}}.resalte--al-cargar{animation:pintar-resalte .9s var(--curva) .35s backwards}@supports (animation-timeline:view()){.resalte--al-entrar{animation:1ms linear both pintar-resalte view();animation-range:entry 15% cover 35%}}@media (prefers-reduced-motion:reduce){.resalte--al-cargar,.resalte--al-entrar{animation:none}*,:before,:after{transition-duration:.01ms!important}}.piramide{gap:var(--espacio-s);padding-left:var(--espacio-m);border-left:1px solid var(--borde-fuerte);margin:0;display:grid}.piramide>div{gap:var(--espacio-3xs);display:grid;position:relative}.piramide>div:before{content:"";left:calc(var(--espacio-m) * -1 - 3px);background:var(--salvia);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em}.piramide dt{font-size:var(--paso--2);letter-spacing:.22em;text-transform:uppercase;color:var(--texto-suave)}.piramide dd{margin:0}.visualmente-oculto{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.boton{font:inherit;font-size:var(--paso--1);letter-spacing:.06em;border:1px solid var(--tinta);color:var(--tinta);cursor:pointer;transition:background-color .22s var(--curva), color .22s var(--curva);background:0 0;padding:.85em 2em;text-decoration:none;display:inline-block}.boton:hover{background:var(--tinta);color:var(--fondo);opacity:1}.boton--claro{border-color:var(--fondo);color:var(--fondo)}.boton--claro:hover{background:var(--fondo);color:var(--tinta)}.boton--suave{border-color:var(--borde-fuerte)}.boton--suave:hover{background:var(--salvia);color:var(--tinta)}
