/* ================================
   Variables de marca Caldas Camina
   ================================ */

/* Paleta de colores institucional */
:root {
  --color-principal: #006666;   /* Verde institucional */
  --color-secundario: #ffb434;  /* Naranja inclusivo */
  --color-azul: #4CC3E7;        /* Azul de "Sigamos Caminando Juntos" */
  --color-claro: #ffffff;
  --color-oscuro: #333333;
  --color-fondo: #f7fafa;
}

/* ================================
   Tipografías
   ================================ */

@font-face {
  font-family: 'CaldasCamina';
  src: url('../fonts/CaldasCamina/CALDASCAMINA-Regular.woff2') format('woff2'),
       url('../fonts/CaldasCamina/CALDASCAMINA-Regular.woff') format('woff'),
       url('../fonts/CaldasCamina/CALDASCAMINA-Regular.ttf') format('truetype'),
       url('../fonts/CaldasCamina/CALDASCAMINA-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-VariableFont_wght_0.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ================================
   Clases de texto base
   ================================ */

body {
  font-family: 'Montserrat', Arial, sans-serif;
  color: var(--color-oscuro);
  background-color: var(--color-fondo);
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'CaldasCamina', 'Montserrat', sans-serif;
  margin: 0 0 0.5em;
  line-height: 1.2;
}

h1 {
  font-size: 2.2rem;
  color: var(--color-principal);
}

h2 {
  font-size: 1.8rem;
  color: var(--color-secundario);
}

h3 {
  font-size: 1.4rem;
  color: var(--color-principal);
}

p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1em;
}