/*
 * interior.css — páginas de texto (avisos legales, 404).
 *
 * Deliberadamente neutro: no debe parecerse a ninguna de las tres demos.
 */

:root {
	--int-tinta: #23262b;
	--int-suave: #5b6068;
	--int-fondo: #ffffff;
	--int-linea: #e2e4e8;
	--int-acento: #1f4f8b;
}

body.bsr-interior-body,
body {
	background: var(--int-fondo);
	color: var(--int-tinta);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 1.0625rem;
	line-height: 1.7;
}

.bsr-interior {
	padding: 40px 0 72px;
}

.bsr-contenedor {
	width: min(100% - 40px, 1180px);
	margin-inline: auto;
}

.bsr-contenedor--texto {
	max-width: 46rem;
}

.bsr-interior__titulo {
	margin-bottom: 28px;
	font-size: clamp(1.75rem, 5vw, 2.4rem);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
}

.bsr-prosa h2 {
	margin: 40px 0 12px;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
}

.bsr-prosa p,
.bsr-prosa ul,
.bsr-prosa ol {
	margin: 0 0 16px;
}

.bsr-prosa ul,
.bsr-prosa ol {
	padding-left: 1.35em;
}

.bsr-prosa li {
	margin-bottom: 6px;
}

.bsr-prosa a {
	color: var(--int-acento);
}

.bsr-prosa table {
	width: 100%;
	margin: 0 0 20px;
	border-collapse: collapse;
	font-size: 0.9375rem;
}

.bsr-prosa th,
.bsr-prosa td {
	padding: 10px 12px;
	border: 1px solid var(--int-linea);
	text-align: left;
	vertical-align: top;
}

.bsr-prosa th {
	background: #f5f6f8;
	font-weight: 700;
}

/* Las tablas anchas se desplazan solas en móvil; la página nunca. */
.bsr-prosa {
	overflow-x: auto;
}

.bsr-legal-nota {
	padding: 14px 16px;
	margin-bottom: 28px;
	border-left: 4px solid var(--int-acento);
	background: #f2f6fb;
	font-size: 0.9375rem;
}

.bsr-interior__volver {
	margin-top: 48px;
	padding-top: 20px;
	border-top: 1px solid var(--int-linea);
}

.bsr-interior__volver a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	color: var(--int-acento);
}

.bsr-interior__lista li {
	padding: 10px 0;
	border-bottom: 1px solid var(--int-linea);
}

@media (min-width: 768px) {
	.bsr-interior {
		padding: 64px 0 96px;
	}
}