/* ==========================================================================
   Páginas legales (aviso legal, privacidad, cookies).
   Columna de prosa estrecha sobre crema. Es el único sitio del theme donde el
   contenido sale del editor de WordPress y no de campos ACF, así que aquí sí
   se estilan etiquetas sueltas (h2, h3, p, ul…) en vez de clases propias.
   ========================================================================== */

.page-legal {
	background: var(--color-cream);
	padding: var(--space-8) 0 var(--space-9);
}

@media (min-width: 960px) {
	.page-legal {
		padding: var(--space-9) 0 var(--space-10);
	}
}

.page-legal__inner {
	max-width: 760px; /* ~75 caracteres por línea: lectura cómoda de texto largo. */
	margin-inline: auto;
	padding: 0 var(--container-pad-x);
}

/* --- Prosa --- */

.page-legal__content {
	color: var(--color-graphite-soft);
	font-size: var(--fz-body);
	line-height: var(--lh-long);
}

.page-legal__content > *:first-child {
	margin-top: 0;
}

.page-legal__content p {
	margin: 0 0 1.15em;
	color: inherit;
}

.page-legal__content h2 {
	font-family: var(--font-serif);
	font-weight: 400;
	font-size: clamp(24px, 2.4vw, 32px);
	line-height: 1.2;
	color: var(--color-navy);
	letter-spacing: var(--ls-heading);
	margin: var(--space-8) 0 var(--space-4);
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-line);
}

.page-legal__content h2:first-child {
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}

.page-legal__content h3 {
	font-family: var(--font-sans);
	font-weight: 600;
	font-size: 17px;
	line-height: 1.35;
	color: var(--color-navy);
	margin: var(--space-6) 0 var(--space-3);
}

.page-legal__content ul,
.page-legal__content ol {
	margin: 0 0 1.15em;
	padding-left: 1.15em;
}

.page-legal__content li {
	margin-bottom: 0.5em;
	color: inherit;
}

.page-legal__content li::marker {
	color: var(--color-gold);
}

.page-legal__content a {
	color: var(--color-navy);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: var(--color-gold);
	transition: color var(--transition-fast);
}

.page-legal__content a:hover,
.page-legal__content a:focus-visible {
	color: var(--color-gold);
}

.page-legal__content strong {
	color: var(--color-graphite);
	font-weight: 600;
}

/* Bloque de datos identificativos: lista sin viñetas, en fondo blanco. */
.page-legal__content .legal-data {
	list-style: none;
	padding: var(--space-5) var(--space-6);
	margin: 0 0 1.5em;
	background: #ffffff;
	border: 1px solid var(--color-line);
	border-left: 2px solid var(--color-gold);
}

.page-legal__content .legal-data li {
	margin-bottom: 0.35em;
}

.page-legal__content .legal-data li:last-child {
	margin-bottom: 0;
}

/* --- Pie de "última actualización" --- */

.page-legal__updated {
	margin-top: var(--space-8);
	padding-top: var(--space-5);
	border-top: 1px solid var(--color-line);
	font-size: var(--fz-meta-label);
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--color-text-muted);
}