/* =================================================================
   INTERPLAY — PÁGINAS LEGALES (Privacy Policy / Cookie Settings)
   Contenido editable desde el editor de WordPress (the_content()).
   El "back to top" y el footer negro son el footer estándar del
   sitio (get_footer()) — no forman parte de esta plantilla.
   ================================================================= */

.legal {
	min-height: 100vh;
	background: var(--color-white);
}

.legal__inner {
	max-width: var(--content-max);
	margin-inline: auto;
	padding: var(--page-top) var(--gutter) var(--space-9);   /* mismo --page-top que contact/news */
}

.legal__title {
	margin: 0 0 var(--space-6);
	font: var(--font-project-title);      /* 80px, igual que el H1 de News */
	letter-spacing: var(--ls-default);
	color: var(--color-black);
}

/* --- Cuerpo (contenido del editor) --- */
.legal__body > * + * { margin-top: var(--space-4); }
.legal__body > h2 { margin-top: var(--space-8); }

/* El primer párrafo actúa de entradilla, un poco más grande */
.legal__body > p:first-of-type {
	font: var(--font-highlight);
	letter-spacing: var(--ls-default);
	color: var(--color-black);
}

.legal__body h2 {
	margin-bottom: var(--space-3);
	font: var(--font-legal-heading);
	letter-spacing: var(--ls-default);
	color: var(--color-black);
}

.legal__body p,
.legal__body li {
	font: var(--font-body);
	letter-spacing: var(--ls-default);
	color: var(--color-black);
}

.legal__body ul,
.legal__body ol {
	padding-left: 1.1em;
	display: flex;
	flex-direction: column;
	gap: var(--space-2);
}

.legal__body strong { font-weight: var(--fw-semibold); }

.legal__body a {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}

/* --- Tabla (Privacy Policy · "data controller") --- */
.legal__body table {
	width: 100%;
	border-collapse: collapse;
}
.legal__body th,
.legal__body td {
	text-align: left;
	vertical-align: top;
	padding: var(--space-2) var(--space-4) var(--space-2) 0;
	border-bottom: 1px solid var(--color-pale-grey);
	font: var(--font-body);
	letter-spacing: var(--ls-default);
	color: var(--color-black);
}
.legal__body th { font-weight: var(--fw-semibold); }

/* --- Botón "Cookie Settings" embebido en el texto (lo añade el plugin
   de cookies vía enlace #gdpr_cookie_modal; se estiliza como el resto
   de botones pequeños del sitio) --- */
.legal__body .legal__cookie-btn {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	padding: var(--space-1) var(--space-3);
	border: 1px solid var(--color-black);
	border-radius: 0;
	font: var(--font-little-button);
	letter-spacing: var(--ls-default);
	color: var(--color-black);
	text-decoration: none;
	cursor: pointer;
}
.legal__body .legal__cookie-btn:hover { background: var(--color-black); color: var(--color-white); }

/* --- Responsive --- */
@media (max-width: 900px) {
	.legal__inner { padding-top: 140px; }
	.legal__title { font-size: 56px; }
}
@media (max-width: 480px) {
	.legal__title { font-size: 40px; }
	.legal__body table,
	.legal__body thead,
	.legal__body tbody,
	.legal__body th,
	.legal__body td,
	.legal__body tr { display: block; }
	.legal__body thead { display: none; }
	.legal__body tr { margin-bottom: var(--space-4); }
	.legal__body td { border-bottom: 0; padding: 2px 0; }
	.legal__body td::before {
		content: attr(data-label);
		display: block;
		font-weight: var(--fw-semibold);
	}
}