*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-body);line-height:var(--lh-body);padding-inline:var(--gutter)}
img,svg{max-width:100%;height:auto}
h1,h2,h3{font-family:var(--font-body);font-weight:500;line-height:1.1;text-wrap:balance;margin:0}
/* Palabra clave en Nyght Serif Italic: máximo una por bloque */
em.key{font-family:var(--font-display);font-style:italic;font-weight:500}
a{color:inherit}
:focus-visible{outline:2px solid var(--azul-claro);outline-offset:3px}
.wrap{max-width:var(--max);margin-inline:auto}
/* Botón primario: píldora naranja, único punto focal */
.btn{display:inline-flex;align-items:center;gap:10px;font:700 1.0625rem/1 var(--font-body);padding:16px 26px;border-radius:var(--radius-pill);border:0;cursor:pointer;text-decoration:none;background:var(--accent);color:var(--blanco)}
.btn:hover{filter:brightness(1.06)}
/* Isotipo como máscara: color y opacidad en CSS, opacidad ≤ .30, sangrado, nunca en mosaico */
.iso{position:absolute;pointer-events:none;background:var(--azul-medio);opacity:.28;
  -webkit-mask:url("../assets/isotipo/isotipo_blanco.png") no-repeat center/contain;mask:url("../assets/isotipo/isotipo_blanco.png") no-repeat center/contain}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}