/* ===== FONDO GENERAL ===== */
body {
  background-color: #000 !important; /* Asegura el negro total */
  margin: 0;
  color: #fff; /* Color base para todo el sitio */
}

/* ===== TOP HEADER VERDE ===== */
.region-top-header {
  background: #73ff82;
  width: 100%;
  margin: 0;
  padding: 10px 0;   /* sin padding lateral */
}

/* ===== HEADER BLANCO ===== */
.region-header,
header[role="banner"],
header {
  background: #ffffff;
  width: 100%;
  margin: 0;
  padding: 10px 0;   /* sin padding lateral */
}


/* ===== OCULTAR SKIP LINK ===== */
.skip-link,
.visually-hidden-focusable {
  position: absolute;
  left: -9999px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* ===== CONTENEDOR CENTRAL (Lo que marcaste en azul) ===== */
/* Aplicamos el contenedor a la región principal para que todo respire */
.layout-container main, 
.region-content, 
.node__content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  display: block; /* Asegura que se comporte como bloque para centrar */
}

/* ===== CORRECCIÓN DE TEXTOS INVISIBLES ===== */
/* Drupal a veces pone colores oscuros a los párrafos por defecto */
.layout-container main p,
.layout-container main div,
.layout-container main span,
.node__content p {
  color: #fff !important; 
}

/* Títulos de los artículos/nodos */
h1.page-title, h2, h3 {
  color: #fff;
}

/* ===== FOOTER (PIE DE PÁGINA) ===== */
.region-footer {
  background-color: #111; /* Un gris muy oscuro para diferenciarlo del fondo negro */
  color: #fff !important;
  padding: 40px 20px;
  width: 100%;
  clear: both; /* Evita que se solape con elementos flotantes */
}

.region-footer a {
  color: #73ff82; /* Usamos el verde del header para los links del footer */
  text-decoration: none;
}

/* ===== IMÁGENES ===== */
.layout-container main img {
  max-width: 100%; /* Evita que se salgan del contenedor de 1200px */
  height: auto;
  border-radius: 8px; /* Un toque estético para las fotos */
}

/* HEADER BLANCO */
header {
  background: #ffffff;
}

/* CONTENEDOR DE LOGOS */
.header-logos {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 20px;
}

.header-logos img {
  height: 60px;
  width: auto;
}