/* Gallardo Legal — estilos de las páginas legales y del pie.
   Se apoya en los colores del tema: azul marino #002A6F y azul medio #0073B9. */

.gp-legal {
	max-width: 46rem;
}

.gp-legal h2 {
	color: #002A6F;
	font-size: 1.24em;
	margin: 1.9em 0 .55em;
	padding-bottom: .3em;
	border-bottom: 1px solid #DDE3EC;
}

.gp-legal p,
.gp-legal li {
	line-height: 1.62;
}

.gp-legal ul {
	margin: 0 0 1.2em 1.1em;
	list-style: disc;
}

.gp-legal-fecha {
	color: #5A6472;
	font-size: .92em;
	margin-bottom: 1.6em;
}

/* Tablas: la misma tarjeta del catálogo, borde fino y cabecera marina. */
.gp-legal-tabla {
	width: 100%;
	border-collapse: collapse;
	margin: .4em 0 1.6em;
	font-size: .94em;
	border: 1px solid #DDE3EC;
	border-radius: 3px;
}

.gp-legal-tabla th,
.gp-legal-tabla td {
	border: 1px solid #DDE3EC;
	padding: .55em .7em;
	text-align: left;
	vertical-align: top;
}

.gp-legal-tabla tbody th {
	width: 30%;
	background: #F4F6FA;
	color: #002A6F;
	font-weight: 600;
}

.gp-legal-tabla thead th {
	background: #002A6F;
	color: #fff;
	font-weight: 600;
}

.gp-legal-tabla-4 tbody th {
	width: auto;
}

/* En móvil una tabla de cuatro columnas no cabe: que ruede, no que se rompa. */
@media (max-width: 640px) {
	.gp-legal-tabla-4 {
		display: block;
		overflow-x: auto;
		white-space: normal;
	}
}

/* Pie */
.gp-legal-pie {
	margin-top: 1.4em;
	padding-top: 1em;
	border-top: 1px solid rgba(255, 255, 255, .14);
}

.gp-legal-pie ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	gap: .4em 1.4em;
	font-size: .88em;
}

.gp-legal-pie a {
	text-decoration: none;
	opacity: .85;
}

.gp-legal-pie a:hover,
.gp-legal-pie a:focus {
	opacity: 1;
	text-decoration: underline;
}