/* =========================================================
   RETORNO AL ORIGEN - LA VOZ DEL ANDADOR (RESET TOTAL)
========================================================= */

/* 1. IMPORTACIÓN DE FUENTE GÓTICA (Indispensable para visibilidad) */
@import url('https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap');

/* 2. TIPOGRAFÍA GENERAL */
body {
  font-family: "Georgia", "Times New Roman", serif;
  color: #111;
  background-color: #ffffff !important;
  line-height: 1.6;
  max-width: 1200px;
  margin: auto;
  padding: 20px;
}

/* 3. HEADER: FORZADO BLANCO TOTAL (MATAR GRIS Y NEGRO) */
.site-header,
#masthead,
.wp-block-group,
header,
.header-main {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  filter: none !important;           /* Anula el oscurecimiento del tema */
  -webkit-filter: none !important;
  opacity: 1 !important;              /* Siempre visible */
  visibility: visible !important;      /* Siempre visible */
  text-align: center;
  border-bottom: 1px solid #000;
  padding: 40px 0 !important;
  margin-bottom: 40px;
}

/* 4. TÍTULO GÓTICO: SIEMPRE VISIBLE (SIN PASAR EL CURSOR) */
.site-title,
header h1,
.wp-block-site-title,
.site-title a {
  font-family: "UnifrakturMaguntia", serif !important;
  font-size: 3.5rem !important;
  font-weight: normal !important;
  text-transform: none !important;
  color: #000000 !important;          /* Fuerza negro absoluto */
  -webkit-text-fill-color: #000000 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;              /* Evita que sea transparente */
  text-decoration: none !important;
  transition: none !important;        /* Elimina el efecto de aparecer/desaparecer */
}

/* 5. TAGLINE (ESLOGAN) */
.site-description,
header p,
.wp-block-site-tagline {
  font-family: "Georgia", serif;
  font-size: 1rem;
  color: #000000 !important;
  opacity: 1 !important;
  margin-top: 10px;
  visibility: visible !important;
}

/* 6. BARRA DE NAVEGACIÓN (SIEMPRE VISIBLE) */
nav, 
.main-navigation, 
.primary-menu, 
#site-navigation {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #ffffff !important;
  margin-top: 20px !important;
}

nav a, 
.main-navigation a {
  color: #000000 !important;
  font-weight: bold !important;
  text-decoration: none !important;
  padding: 10px 15px;
}

/* 7. ARTÍCULOS (ESTILO LIMPIO INICIAL) */
article {
  margin-bottom: 60px;
}

article h2 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 10px;
}

article p {
  font-size: 1.1rem;
  margin-bottom: 20px;
}

/* 8. LINKS ESTILO PERIÓDICO */
a {
  color: #000;
  text-decoration: none;
  border-bottom: 1px solid #999;
}