/* ==========================================================================
   ESTILOS PARA PÁGINAS LEGALES (Aviso Legal, Privacidad, Cookies)
   Sobrescribe el tema oscuro para dar formato de documento oficial.
   ========================================================================== */

/* Forzamos el modo claro en el contenedor principal */
.legal-document-section {
  background-color: var(--color-blanco);
  color: var(--color-marron-muy-oscuro);
  min-height: 80vh;
  /* Restauramos el padding estándar de tus secciones */
  padding-block: 3.75rem;
}

@media (width > 760px) {
  .legal-document-section {
    padding-block: 6rem;
  }
}

/* --- Tipografía y Jerarquía --- */

.legal-content h1 {
  font-family: var(--fuente-titulos);
  color: var(--color-marca-principal);
  font-size: var(--t-fuente-xxl);
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-gris-claro);
  line-height: 1.2;
}

.legal-content h2 {
  font-family: var(--fuente-titulos);
  color: var(--color-negro);
  font-size: var(--t-fuente-xl);
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}

/* Usamos Titillium Web (si está cargada) o sans-serif para lectura densa */
.legal-content p,
.legal-content li {
  font-family: "Titillium Web", sans-serif;
  font-size: 1.05rem;
  line-height: 1.7;
  color: #333; /* Gris lectura */
  margin-bottom: 1rem;
}

.legal-content strong {
  font-weight: 700;
  color: var(--color-negro);
}

/* --- Listas --- */
.legal-content ul,
.legal-content ol {
  padding-left: 1.5rem;
  margin-bottom: 1.5rem;
}

.legal-content li {
  margin-bottom: 0.5rem;
}

/* Enlaces dentro del texto legal */
.legal-link {
  color: var(--color-marca-principal);
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity 0.2s ease;
}

.legal-link:hover {
  opacity: 0.8;
}