/**
 * Estilo de las páginas legales (aviso legal, privacidad, cookies y
 * condiciones).
 *
 * El texto se publica en el contenido de la página y lo vuelca el widget
 * "Contenido de la entrada" de la plantilla SINGLE PAGE. Sin estos estilos
 * hereda la tipografía global del kit, con H2 a 60 px y sin márgenes
 * laterales, lo que hace el documento ilegible.
 *
 * Todo está limitado a `.mar-legal`, el contenedor que envuelve estos textos,
 * así que no afecta a ninguna otra página.
 */

.mar-legal {
	max-width: 900px;
	margin: 0 auto;
	padding: 10px 20px 40px;
}

.mar-legal > *:first-child {
	margin-top: 0;
}

.mar-legal p,
.mar-legal li,
.mar-legal td {
	font-size: 16px;
	line-height: 1.7;
}

.mar-legal p {
	margin: 0 0 16px;
}

.mar-legal h2 {
	font-size: 22px;
	line-height: 1.35;
	margin: 36px 0 14px;
}

.mar-legal ul,
.mar-legal ol {
	margin: 0 0 18px;
	padding-left: 22px;
}

.mar-legal li {
	margin-bottom: 7px;
}

.mar-legal a {
	color: #1ba8c1;
	text-decoration: underline;
}

.mar-legal a:hover {
	text-decoration: none;
}

.mar-legal table {
	width: 100%;
	margin: 18px 0 26px;
	border-collapse: collapse;
}

.mar-legal td {
	padding: 10px 12px;
	border: 1px solid #dde2e7;
	vertical-align: top;
}

/* La primera fila hace de cabecera de la tabla. */
.mar-legal tr:first-child td {
	background: #f4f6f8;
}

.mar-legal code {
	padding: 1px 5px;
	border-radius: 3px;
	background: #f4f6f8;
	font-size: 0.9em;
	word-break: break-all;
}

.mar-legal em {
	color: #5a6b7b;
	font-size: 14px;
}

@media (max-width: 767px) {
	.mar-legal {
		padding: 6px 18px 32px;
	}

	.mar-legal h2 {
		font-size: 20px;
		margin: 28px 0 12px;
	}

	/* Las tablas de cookies se desplazan en horizontal en vez de romper la página. */
	.mar-legal table {
		display: block;
		overflow-x: auto;
		white-space: nowrap;
	}

	.mar-legal td {
		white-space: normal;
		min-width: 150px;
	}
}