/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@import url('https://fonts.googleapis.com/css2?family=Host+Grotesk:wght@300..800&display=swap');


/* ==========================================================================
   Inelsa — Variables de marca
   ========================================================================== */

:root {

  /* --- Paleta de marca (valores literales) --- */
  --azul-inelsa: #005CB9;
  --azul-inelsa-rgb: 0, 92, 185;      /* para usar con opacidad: rgba(var(--azul-inelsa-rgb), .1) */
  --azul-secundario: #123873;
  --negro: #000000;
  --gris-oscuro: #B2B2B2;
  --gris-claro: #DEDEDE;
  --azul-tint-1: #E7EFFA;
  --azul-tint-2: #F5F7FA;

  /* --- Alias de uso semántico --- */
  --color-texto: var(--negro);
  --color-fondo: #ffffff;
  --color-fondo-alt: var(--azul-tint-2);
  --color-acento: var(--azul-inelsa);
  --color-acento-secundario: var(--azul-secundario);
  --color-borde: var(--gris-claro);

  /* --- Tipografía --- */
  --font-principal: 'Host Grotesk', sans-serif;
  --peso-titulo: 700;
  --peso-cuerpo: 400;
}

/* ==========================================================================
   Inelsa — Tipografía base
   ========================================================================== */

body {
  font-family: var(--font-principal) !important;
  font-weight: var(--peso-cuerpo) !important;
  color: var(--color-texto);
  line-height: 1.5;
}

h1, h2, h3, h4 {
  font-family: var(--font-principal) !important;
  font-weight: var(--peso-titulo) !important;
  color: var(--color-texto);
  line-height: 1.15;
  margin: 0 0 .5em;
}

h1 { font-size: clamp(2rem, 1.4rem + 2.5vw, 3.5rem) !important; }
h2 { font-size: clamp(1.6rem, 1.2rem + 1.8vw, 2.5rem) !important; }
h3 { font-size: clamp(1.3rem, 1.05rem + 1.1vw, 1.75rem) !important; }
h4 { font-size: clamp(1.1rem, 1rem + .5vw, 1.25rem) !important; }

p {
  font-size: clamp(1rem, .95rem + .2vw, 1.125rem);
  margin: 0 0 1em;
}

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

.destacado,
.titulo-acento {
  color: var(--color-acento);
}

.subtitulo {
  font-family: var(--font-principal);
  font-weight: var(--peso-cuerpo);
  font-size: clamp(1.1rem, 1rem + .5vw, 1.375rem);
  color: var(--color-acento-secundario);
}