/* base.css · reset liviano y tipografía */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  font-family: var(--f-texto); font-size: 16px; line-height: 1.5;
  color: var(--tinta); background: var(--fondo);
  -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent;
}
h1, h2, h3 { font-family: var(--f-titulo); font-weight: 800; color: var(--noche); margin: 0; line-height: 1.08; letter-spacing: -.02em; }
h1 { font-size: 2rem; }
h2 { font-size: 1.45rem; }
h3 { font-size: 1.12rem; }
p { margin: 0 0 .6em; }
a { color: var(--mar-2); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--mango); outline-offset: 2px; }
img { max-width: 100%; display: block; }
.oculto { display: none !important; }
.muted { color: var(--tinta-2); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }