:root {
  /* Paleta cromática oficial */
  --fondo-principal: #C0C0C0;     /* Gris Claro (60%) */
  --texto-oscuro: #1A1C1E;        /* Contraste oscuro (30%) */
  --bloques-premium: #C5A059;     /* Dorado Ochre (8%) */
  --llamado-accion: #0041C2;      /* Azul Rey (Acento) */

  /* Combinación tipográfica del estudio */
  --fuente-titulos: 'Times New Roman', Georgia, serif;
  --fuente-cuerpo: 'Helvetica Neue', Arial, sans-serif;
}

/* LA CABECERA (ZONA INTACTA) */
.header-principal {
  background-color: #ffffff; /* Respeta estrictamente el fondo blanco original para tu logo y banderas */
  padding: 1.5rem 2rem;
  border-bottom: 4px solid var(--bloques-premium);
}

body {
  background-color: var(--fondo-principal);
  color: var(--texto-oscuro);
  font-family: var(--fuente-cuerpo);
  font-size: 16px;
  line-height: 1.625;
  margin: 0;
  padding: 0;
}

/* TARJETAS DE ÁREAS DE PRÁCTICA (8% DORADO) */
.tarjeta-especialidad {
  background-color: var(--bloques-premium);
  padding: 25px;
  border-radius: 4px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.15);
}

/* Títulos principales dentro del botón/tarjeta dorada: Ahora en Negro */
.tarjeta-especialidad h3 {
  font-family: var(--fuente-titulos);
  color: #000000; /* Texto completamente Negro para el título de la especialidad */
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 12px;
  letter-spacing: 0.5px;
}

/* Textos informativos secundarios dentro del botón/tarjeta dorada: Ahora en Gris Oscuro */
.tarjeta-especialidad p, .tarjeta-especialidad .extracto-informativo {
  font-family: var(--fuente-cuerpo);
  color: #333333; /* Gris Oscuro para las descripciones internas, garantizando legibilidad */
  font-size: 14.5px;
  line-height: 1.5;
}

/* BOTONES PRINCIPALES DE INTERACCIÓN (AZUL REY) */
.btn-cta-fecc {
  font-family: var(--fuente-cuerpo);
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  background-color: var(--llamado-accion);
  color: #000000;
  padding: 14px 32px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}