:root{--papel:#fff;--superficie:#fcfcfb;--oscuro:#111a1d;--tinta:#14191b;--tinta-suave:#4e5a5e;--acento:#0a6e85;--acento-claro:#5bd0dc;--borde:#7e8b87;--separador:#dcddd8;--serif:Georgia,"Noto Serif","Times New Roman",serif;--ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--t-datos:.9375rem;--t-interfaz:1rem;--t-texto:1.1875rem;--t-entradilla:1.375rem;--t-sub:1.5rem;--t-apartado:1.875rem;--t-titulo:clamp(2rem,1.4rem + 2.2vw,2.9rem);--t-portada:clamp(2.5rem,1.6rem + 3.4vw,4rem);--e1:.25rem;--e2:.5rem;--e3:.75rem;--e4:1rem;--e5:1.5rem;--e6:2rem;--e7:3rem;--e8:4rem;--e9:6rem;--r:6px;--r-pill:999px;--linea:66ch;--toque:44px;--transicion:.15s ease}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--papel);color:var(--tinta);font-family:var(--serif);font-size:var(--t-texto);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;line-height:1.7;display:flex}main{flex:1}h1,h2,h3,h4{font-family:var(--serif);text-wrap:balance;margin:0;line-height:1.2}h1{font-size:var(--t-titulo);letter-spacing:-.01em}h2{font-size:var(--t-apartado)}h3{font-size:var(--t-sub)}h4{font-size:1.25rem}p,ul,ol{margin:0}a{color:var(--acento);text-underline-offset:.15em;text-decoration-thickness:1px}a:hover{color:var(--tinta)}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--tinta);outline-offset:2px}.sobre-oscuro :focus-visible{outline-color:var(--papel)}.saltar{left:var(--e4);z-index:100;background:var(--superficie);color:var(--tinta);font-family:var(--ui);padding:var(--e3) var(--e4);border:1px solid var(--borde);border-radius:var(--r);position:absolute;top:-100vh}.saltar:focus{top:var(--e4)}.env{width:100%;max-width:72rem;padding-inline:var(--e5);margin-inline:auto}.lectura{max-width:var(--linea)}.ui{font-family:var(--ui)}.suave{color:var(--tinta-suave)}.datos{font-family:var(--ui);font-size:var(--t-datos);color:var(--tinta-suave)}.etiqueta{font-family:var(--ui);font-size:var(--t-datos);letter-spacing:.09em;text-transform:uppercase;color:var(--acento);margin:0;font-weight:600}.sobre-oscuro .etiqueta{color:var(--acento-claro)}.etiqueta a{min-height:var(--toque);align-items:center;display:inline-flex}.boton{min-height:var(--toque);padding:0 var(--e5);font-family:var(--ui);font-size:var(--t-interfaz);background:var(--acento);color:var(--superficie);border:1px solid var(--acento);border-radius:var(--r);transition:background var(--transicion),color var(--transicion);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.boton:hover{background:var(--tinta);border-color:var(--tinta);color:var(--superficie)}.boton-suave{min-height:var(--toque);padding:0 var(--e5);font-family:var(--ui);font-size:var(--t-interfaz);color:var(--tinta);border:1px solid var(--borde);border-radius:var(--r);transition:background var(--transicion);background:0 0;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.boton-suave:hover{background:var(--superficie)}.rejilla-2,.rejilla-4{gap:var(--e4);grid-template-columns:1fr;display:grid}@media (width>=34rem){.rejilla-2,.rejilla-4{grid-template-columns:1fr 1fr}}@media (width>=68rem){.rejilla-4{grid-template-columns:repeat(4,1fr)}}.tarjeta{background:var(--superficie);border:1px solid var(--separador);border-radius:var(--r);padding:var(--e5);gap:var(--e2);flex-direction:column;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms;animation-duration:.01ms}}.aviso-borrador{margin:var(--e5) 0 0;padding:var(--e3) var(--e4);border:2px solid var(--acento);background:var(--superficie);color:var(--tinta);font-family:var(--ui);font-size:var(--t-datos);font-weight:600}