/* Atlántico Innovación — tipografía.
 *
 * Una sola familia (Inter) con contraste de pesos: 700 apretado en titulares,
 * 400 en texto. Escala base 16 px con razón 1,25 (01 §5); los titulares se
 * interpolan con clamp() para no mantener una tabla paralela de media queries.
 */

body {
  font-family: var(--ai-fuente);
  font-size: var(--ai-txt-base);
  line-height: 1.6;
  color: var(--ai-tinta);
  background: var(--ai-blanco);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--ai-fuente);
  color: var(--ai-marino-900);
  line-height: 1.12;
  letter-spacing: -0.02em;
  font-weight: 700;
  margin: 0 0 var(--ai-esp-2);
  text-wrap: balance;   /* evita la palabra suelta en la última línea del titular */
}

h1 { font-size: var(--ai-hero); }
h2 { font-size: clamp(1.75rem, 3.6vw, var(--ai-txt-2xl)); }
h3 { font-size: clamp(1.3rem, 2.4vw, var(--ai-txt-xl)); }
h4 { font-size: var(--ai-txt-lg); }
h5 { font-size: var(--ai-txt-md); font-weight: 600; }
h6 { font-size: var(--ai-txt-base); font-weight: 600; }

p { margin: 0 0 var(--ai-esp-2); }

/* El antetítulo: la etiqueta breve en mayúsculas que precede a cada sección
   («Qué hacemos», «Cómo trabajamos»). Sobre claro, gris-700; sobre marino,
   atlantico-300. Nunca el azul vivo. */
.ai-antetitulo {
  display: block;
  font-size: var(--ai-txt-sm);
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ai-gris-700);
  margin: 0 0 var(--ai-esp-2);
}

/* Texto de apoyo: un punto más grande y más gris que el cuerpo. */
.ai-entradilla {
  font-size: var(--ai-txt-md);
  line-height: 1.5;
  color: var(--ai-gris-700);
  max-width: var(--ai-lectura);
}

/* Textos largos: se limita la longitud de línea. Una línea de 120
   caracteres hace perder el renglón al saltar. */
.ai-prosa p,
.ai-prosa li { max-width: var(--ai-lectura); }

a {
  color: var(--ai-marino-600);   /* 6,82:1 sobre blanco — AA */
  text-decoration: none;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
a:hover,
a:focus-visible { text-decoration: underline; }

strong, b { font-weight: 600; }

small, .ai-txt-sm { font-size: var(--ai-txt-sm); }
.ai-txt-suave { color: var(--ai-gris-700); }

ul, ol { padding-left: 1.25em; margin: 0 0 var(--ai-esp-2); }
li { margin-bottom: var(--ai-esp-1); }

/* Bloques sobre fondo marino: se invierten los colores de texto.
   El azul vivo (atlantico-500) sigue sin llevar texto también aquí. */
.ai-oscuro,
.ai-oscuro p,
.ai-oscuro li { color: var(--ai-cielo-200); }     /* 10,52:1 sobre marino-900 */
.ai-oscuro h1,
.ai-oscuro h2,
.ai-oscuro h3,
.ai-oscuro h4,
.ai-oscuro strong { color: var(--ai-blanco); }
.ai-oscuro .ai-antetitulo { color: var(--ai-atlantico-300); }
.ai-oscuro .ai-entradilla { color: var(--ai-cielo-200); }
.ai-oscuro a { color: var(--ai-atlantico-400); }   /* 5,56:1 sobre marino-900 */
.ai-oscuro a:hover,
.ai-oscuro a:focus-visible { color: var(--ai-blanco); }