/* ============================================================
   Salubox Alianzas — Base
   Reset, tipografía y estructura mínima. Se enlaza en TODAS las
   pantallas, junto con tokens.css.
   ============================================================ */

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; overflow-x: hidden; }

body {
  margin: 0;
  font-family: var(--sb-font);
  color: var(--sb-texto);
  background: var(--sb-fondo-suave);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

img, svg, video { max-width: 100%; height: auto; }

h1, h2, h3, p, a { overflow-wrap: break-word; }

h1, h2, h3 {
  color: var(--sb-tinta);
  line-height: 1.2;
  margin: 0 0 .4em;
  font-weight: 700;
}
h1 { font-size: clamp(1.5rem, 6vw, 2.75rem); letter-spacing: -.02em; }
h2 { font-size: clamp(1.3rem, 3.5vw, 1.7rem); }
h3 { font-size: 1.1rem; font-weight: 600; }

p { margin: 0 0 1rem; color: var(--sb-texto); }

a { color: var(--sb-azul-hover); text-decoration: none; }
a:hover { text-decoration: underline; }

.sb-container {
  width: 100%;
  max-width: var(--sb-ancho-contenido);
  margin-inline: auto;
  padding-inline: 1.25rem;
}