/*
 * Estilos de las PÁGINAS LEGALES (aviso legal, privacidad, cookies, condiciones, afiliados).
 * Namespaced bajo .legal-contenido para no afectar al resto del sitio. Neutro a propósito: hereda
 * color/tipografía del tema activo y solo aporta ritmo de lectura, tablas y citas legibles.
 * El dueño puede sobrescribir cualquier cosa pegando su propio CSS en el editor del panel.
 */
.legal-pagina {
  max-width: 900px;
  margin-inline: auto;
  padding-block: clamp(20px, 4vw, 48px);
}
.legal-cabecera {
  margin-bottom: clamp(16px, 3vw, 32px);
}

.legal-contenido {
  line-height: 1.7;
  font-size: 1.02rem;
  overflow-wrap: break-word;
}
.legal-contenido h2 {
  margin-top: 2em;
  margin-bottom: .5em;
  line-height: 1.25;
  font-size: clamp(1.25rem, 2.5vw, 1.6rem);
}
.legal-contenido h3 {
  margin-top: 1.6em;
  margin-bottom: .4em;
  line-height: 1.3;
  font-size: clamp(1.1rem, 2vw, 1.3rem);
}
.legal-contenido p {
  margin: 0 0 1em;
}
.legal-contenido ul,
.legal-contenido ol {
  margin: 0 0 1em;
  padding-left: 1.4em;
}
.legal-contenido li {
  margin-bottom: .4em;
}
.legal-contenido a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.legal-contenido code {
  font-family: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, monospace;
  font-size: .92em;
  padding: .08em .35em;
  border-radius: 4px;
  background: rgba(127, 127, 127, .16);
}

/* Citas / notas destacadas (los bloques `>` de los textos) */
.legal-contenido blockquote {
  margin: 1.2em 0;
  padding: .6em 1em;
  border-left: 4px solid currentColor;
  background: rgba(127, 127, 127, .08);
  border-radius: 0 6px 6px 0;
}
.legal-contenido blockquote p:last-child {
  margin-bottom: 0;
}

/* Tablas (política de cookies y privacidad) */
.legal-contenido .legal-tabla,
.legal-contenido table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.2em 0;
  font-size: .96em;
}
.legal-contenido th,
.legal-contenido td {
  border: 1px solid rgba(127, 127, 127, .35);
  padding: .6em .7em;
  text-align: left;
  vertical-align: top;
}
.legal-contenido thead th {
  background: rgba(127, 127, 127, .14);
  font-weight: 700;
}
.legal-contenido tbody th[scope="row"] {
  background: rgba(127, 127, 127, .08);
  white-space: nowrap;
}

/* En móvil, las tablas hacen scroll horizontal en vez de romper el layout */
@media (max-width: 640px) {
  .legal-contenido table {
    display: block;
    overflow-x: auto;
    white-space: normal;
  }
}