.container {
	margin-inline:auto;
	max-width:var(--ancho-pagina);
	padding-inline:var(--space-md);
	width:100%;
}

.container-ancho {
	margin-inline:auto;
	max-width:1480px;
	padding-inline:var(--space-md);
	width:100%;
}

.seccion {
	padding-block:var(--espacio-respira);
}

.seccion-oscura {
	background:var(--asfalto);
	color:var(--nube-1);
}

.seccion-oscura h2,
.seccion-oscura h3 {
	color:var(--nube-0);
}

.seccion-oscura .ojal {
	color:var(--nube-2);
}

.seccion-tinte {
	background:var(--nube-1);
}

.rejilla {
	display:grid;
	gap:var(--space-lg);
}

.rejilla > * {
	min-width:0;
}

.rejilla-2 {
	grid-template-columns:1fr;
}

.rejilla-3 {
	grid-template-columns:1fr;
}

.legal-grid {
	display:grid;
	gap:var(--space-xl);
	grid-template-columns:1fr;
}

.legal-grid > * {
	min-width:0;
}

.cabecera {
	background:var(--nube-0);
	border-bottom:1px solid var(--nube-2);
	left:0;
	position:sticky;
	right:0;
	top:0;
	z-index:var(--z-cabecera);
}

.cabecera-interna {
	align-items:center;
	display:flex;
	gap:var(--space-md);
	justify-content:space-between;
	min-height:4.5rem;
}

.marca {
	align-items:center;
	color:var(--asfalto);
	display:flex;
	font-family:var(--fuente-display);
	font-size:1.35rem;
	font-weight:800;
	gap:0.55rem;
	letter-spacing:-0.01em;
	min-height:44px;
	text-decoration:none;
}

.marca-icono {
	height:30px;
	width:30px;
}

.nav-escritorio {
	align-items:center;
	display:flex;
	gap:var(--space-lg);
}

.nav-escritorio ul {
	display:flex;
	gap:var(--space-md);
	list-style:none;
}

.nav-escritorio a {
	color:var(--asfalto);
	font-size:0.98rem;
	font-weight:600;
	text-decoration:none;
}

.nav-escritorio a:hover {
	color:var(--berenjena);
}

.menu-boton {
	align-items:center;
	background:var(--asfalto);
	border:0;
	border-radius:var(--radio-medio);
	cursor:pointer;
	display:none;
	height:44px;
	justify-content:center;
	width:44px;
}

.menu-boton span,
.menu-boton span::before,
.menu-boton span::after {
	background:var(--nube-0);
	content:"";
	display:block;
	height:2px;
	position:absolute;
	transition:transform 0.2s ease;
	width:20px;
}

.menu-boton span {
	position:relative;
}

.menu-boton span::before {
	top:-6px;
}

.menu-boton span::after {
	top:6px;
}

.menu-movil {
	background:var(--nube-0);
	bottom:0;
	display:flex;
	flex-direction:column;
	gap:var(--space-sm);
	left:0;
	overflow-y:auto;
	padding:6rem var(--space-md) var(--space-xl);
	position:fixed;
	right:0;
	top:0;
	transform:translateX(100%);
	transition:transform 0.25s ease;
	visibility:hidden;
	z-index:900;
}

.menu-movil.on {
	transform:translateX(0);
	visibility:visible;
}

.menu-movil a {
	border-bottom:1px solid var(--nube-2);
	color:var(--asfalto);
	font-family:var(--fuente-display);
	font-size:1.5rem;
	font-weight:700;
	padding:var(--space-sm) 0;
	text-decoration:none;
}

.menu-cerrar {
	background:var(--nube-1);
	border:0;
	border-radius:var(--radio-medio);
	cursor:pointer;
	font-size:1.4rem;
	height:44px;
	position:absolute;
	right:var(--space-md);
	top:var(--space-md);
	width:44px;
}

html:not(.oc-js) .menu-boton,
html:not(.oc-js) .menu-cerrar {
	display:none;
}

html:not(.oc-js) .menu-movil {
	border-bottom:1px solid var(--nube-2);
	flex-flow:row wrap;
	overflow:visible;
	padding:var(--space-sm) var(--space-md);
	position:static;
	transform:none;
	visibility:visible;
}

html:not(.oc-js) .menu-movil a {
	border-bottom:0;
	font-size:1rem;
	padding:var(--space-2xs) 0;
}

.pie {
	background:var(--asfalto);
	color:var(--nube-2);
	padding-block:var(--space-2xl) var(--space-lg);
}

.pie a {
	color:var(--nube-1);
}

.pie-rejilla {
	display:grid;
	gap:var(--space-lg);
	grid-template-columns:1fr;
}

.pie-marca {
	align-items:center;
	color:var(--nube-0);
	display:flex;
	font-family:var(--fuente-display);
	font-size:1.4rem;
	font-weight:800;
	gap:0.5rem;
	margin-bottom:var(--space-sm);
}

.pie-col h2 {
	color:var(--nube-0);
	font-size:1rem;
	margin-bottom:var(--space-sm);
}

.pie-col ul {
	list-style:none;
}

.pie-col li {
	margin-bottom:var(--space-2xs);
}

.pie-nota {
	border-top:1px solid rgba(255, 255, 255, 0.14);
	color:var(--nube-2);
	font-size:0.85rem;
	margin-top:var(--space-xl);
	padding-top:var(--space-md);
}

@media (min-width:720px) {
	.rejilla-2 {
		grid-template-columns:1fr 1fr;
	}

	.rejilla-3 {
		grid-template-columns:repeat(3, 1fr);
	}

	.pie-rejilla {
		grid-template-columns:2fr 1fr 1fr;
	}
}

@media (min-width:860px) {
	.legal-grid {
		grid-template-columns:230px 1fr;
	}

	.legal-grid nav {
		align-self:start;
		position:sticky;
		top:6rem;
	}
}

@media (max-width:860px) {
	.nav-escritorio {
		display:none;
	}

	.menu-boton {
		display:flex;
	}
}

@media (min-width:861px) {
	html:not(.oc-js) .menu-movil {
		display:none;
	}
}