/* ==========================================================================
   ALTGELT — Sección "El Mercado Hoy" (listado + informe)
   Se carga sólo en el-mercado-hoy.php y el-mercado-hoy-informe.php,
   después de estilo.css (usa sus variables --azul / --amarillo).
   ========================================================================== */

:root{
	--mh-tinta:#1d2533;
	--mh-suave:#5b6474;
	--mh-linea:#e6e8ee;
	--mh-crema:#faf7ef;
	--mh-azul-claro:#eef2f8;
	--mh-serif: Georgia, 'Times New Roman', serif;
}

/* =========================
   BARRA DE PROGRESO DE LECTURA
==========================*/

.mh-progreso{
	position:fixed;
	top:0; left:0;
	height:4px;
	width:0;
	background:var(--amarillo);
	z-index:1100;
	transition:width .1s linear;
}

/* =========================
   HERO DEL INFORME
==========================*/

.mh-hero{
	background:var(--azul);
	color:#fff;
	padding:90px 0 80px;
	position:relative;
	overflow:hidden;
}

/* Trama sutil de "líneas de lectura" de fondo */
.mh-hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:repeating-linear-gradient(0deg, rgba(255,255,255,.035) 0 1px, transparent 1px 34px);
	pointer-events:none;
}

.mh-hero .container{ position:relative; }

.mh-kicker{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:10px 16px;
	color:var(--amarillo);
	text-transform:uppercase;
	font-size:12px;
	font-weight:700;
	letter-spacing:3px;
	margin-bottom:28px;
}

.mh-kicker .mh-sep{
	width:28px; height:1px; background:var(--amarillo); opacity:.6;
}

.mh-hero h1{
	font-size:54px;
	font-weight:800;
	line-height:1.08;
	max-width:900px;
	margin-bottom:28px;
}

.mh-hero h1 em{
	font-style:normal;
	color:var(--amarillo);
}

.mh-hero .mh-bajada{
	color:#dfe4ee;
	font-size:19px;
	line-height:1.8;
	max-width:760px;
	margin-bottom:40px;
}

.mh-autor{
	display:flex;
	align-items:center;
	gap:16px;
}

.mh-autor img{
	width:58px; height:58px;
	border-radius:50%;
	object-fit:cover;
	border:2px solid var(--amarillo);
}

.mh-autor strong{ display:block; font-size:16px; }
.mh-autor span{ color:#b9c3d6; font-size:14px; }

.mh-meta{
	display:flex;
	flex-wrap:wrap;
	gap:10px 26px;
	margin-top:30px;
	padding-top:26px;
	border-top:1px solid rgba(255,255,255,.15);
	color:#b9c3d6;
	font-size:14px;
}

.mh-meta i{ color:var(--amarillo); margin-right:6px; }

/* =========================
   "EN 30 SEGUNDOS"
==========================*/

.mh-resumen{
	background:#fff;
	border-top:4px solid var(--amarillo);
	box-shadow:0 20px 50px rgba(7,44,99,.12);
	padding:36px 40px;
	margin-top:-40px;
	position:relative;
	z-index:2;
}

.mh-resumen h2{
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:3px;
	color:var(--azul);
	font-weight:800;
	margin-bottom:22px;
}

.mh-resumen ol{
	list-style:none;
	counter-reset:clave;
	padding:0; margin:0;
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:18px 36px;
}

.mh-resumen li{
	counter-increment:clave;
	position:relative;
	padding-left:44px;
	color:var(--mh-tinta);
	line-height:1.6;
	font-size:15px;
}

.mh-resumen li::before{
	content:counter(clave, decimal-leading-zero);
	position:absolute;
	left:0; top:-2px;
	font-weight:800;
	font-size:20px;
	color:var(--amarillo);
}

/* =========================
   CUERPO: columna de lectura + índice
==========================*/

.mh-cuerpo{
	padding:70px 0 40px;
}

.mh-indice{
	position:sticky;
	top:30px;
	font-size:13px;
}

.mh-indice h3{
	font-size:11px;
	letter-spacing:3px;
	text-transform:uppercase;
	color:var(--mh-suave);
	font-weight:800;
	margin-bottom:16px;
}

.mh-indice ol{
	list-style:none;
	padding:0; margin:0;
	border-left:2px solid var(--mh-linea);
}

.mh-indice a{
	display:block;
	padding:9px 0 9px 18px;
	margin-left:-2px;
	border-left:2px solid transparent;
	color:var(--mh-suave);
	line-height:1.4;
	transition:color .2s, border-color .2s;
}

.mh-indice a:hover{ color:var(--azul); }

.mh-indice a.activo{
	color:var(--azul);
	font-weight:700;
	border-left-color:var(--amarillo);
}

.mh-lectura{
	max-width:720px;
}

.mh-seccion{
	margin-bottom:70px;
	scroll-margin-top:30px;
}

.mh-seccion-num{
	display:inline-block;
	font-size:12px;
	font-weight:800;
	letter-spacing:3px;
	color:var(--amarillo);
	text-transform:uppercase;
	margin-bottom:12px;
}

.mh-seccion h2{
	font-size:34px;
	line-height:1.2;
	color:var(--azul);
	font-weight:800;
	margin-bottom:26px;
}

.mh-seccion p{
	font-size:18px;
	line-height:1.9;
	color:var(--mh-tinta);
	margin-bottom:22px;
}

.mh-seccion p strong{ color:var(--azul); }

/* Letra capital del primer párrafo */
.mh-capital::first-letter{
	float:left;
	font-family:var(--mh-serif);
	font-size:78px;
	line-height:.82;
	padding:8px 12px 0 0;
	color:var(--azul);
	font-weight:700;
}

/* Frase destacada */
.mh-cita{
	margin:44px 0;
	padding:6px 0 6px 30px;
	border-left:4px solid var(--amarillo);
	font-family:var(--mh-serif);
	font-size:27px;
	line-height:1.45;
	color:var(--azul);
	font-style:italic;
}

.mh-cita.grande{
	border:none;
	padding:0;
	text-align:center;
	font-size:32px;
	max-width:640px;
	margin:60px auto;
}

.mh-cita.grande::before,
.mh-cita.grande::after{
	content:"";
	display:block;
	width:60px; height:2px;
	background:var(--amarillo);
	margin:0 auto 26px;
}

.mh-cita.grande::after{ margin:26px auto 0; }

/* =========================
   INFOGRAFÍAS (contenedor común)
==========================*/

.mh-info{
	background:var(--mh-azul-claro);
	border-radius:6px;
	padding:36px 34px 30px;
	margin:44px 0;
}

.mh-info-titulo{
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:3px;
	font-weight:800;
	color:var(--azul);
	margin-bottom:26px;
}

.mh-info-pie{
	font-size:13px;
	color:var(--mh-suave);
	margin:22px 0 0;
	line-height:1.6;
}

.mh-info-pie i{ color:var(--amarillo); }

/* Animación de entrada (se activa por JS con .visible) */
.mh-anim{
	opacity:0;
	transform:translateY(18px);
	transition:opacity .7s ease, transform .7s ease;
}
.mh-anim.visible{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
	.mh-anim{ opacity:1; transform:none; transition:none; }
	.mh-progreso{ transition:none; }
}

/* ---------- 1) Embudo: consultas → visitas → oferta ---------- */

.mh-embudo-fila{
	display:grid;
	grid-template-columns:150px 1fr;
	align-items:center;
	gap:18px;
	margin-bottom:22px;
}

.mh-embudo-fila:last-of-type{ margin-bottom:0; }

.mh-embudo-etq{
	font-size:13px;
	font-weight:700;
	color:var(--azul);
	line-height:1.35;
}

.mh-embudo-etq small{
	display:block;
	font-weight:400;
	color:var(--mh-suave);
}

.mh-pasos{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:6px;
}

.mh-paso{
	background:var(--azul);
	color:#fff;
	font-size:13px;
	font-weight:700;
	text-align:center;
	padding:14px 8px;
	position:relative;
	clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%, 12px 50%);
}

.mh-paso:first-child{ clip-path:polygon(0 0, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, 0 100%); }

.mh-paso i{ margin-right:6px; }

.mh-paso.oferta{ background:var(--amarillo); color:#000; }

.mh-paso.trunco{
	background:transparent;
	color:#9aa3b2;
	outline:2px dashed #b9c1ce;
	outline-offset:-6px;
	clip-path:none;
}

/* ---------- 2) Dos preguntas ---------- */

.mh-preguntas{
	display:grid;
	grid-template-columns:1fr auto 1fr;
	align-items:stretch;
	gap:18px;
}

.mh-pregunta{
	background:#fff;
	padding:26px 24px;
	border-radius:4px;
	border-top:3px solid var(--azul);
}

.mh-pregunta.clave{ border-top-color:var(--amarillo); }

.mh-pregunta small{
	display:block;
	font-size:11px;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:800;
	color:var(--mh-suave);
	margin-bottom:12px;
}

.mh-pregunta strong{
	display:block;
	font-family:var(--mh-serif);
	font-size:21px;
	line-height:1.35;
	color:var(--azul);
	font-weight:400;
}

.mh-pregunta p{
	font-size:14px !important;
	line-height:1.6 !important;
	color:var(--mh-suave) !important;
	margin:14px 0 0 !important;
}

.mh-distinto{
	align-self:center;
	width:54px; height:54px;
	border-radius:50%;
	background:var(--azul);
	color:var(--amarillo);
	font-size:28px;
	font-weight:800;
	display:flex; align-items:center; justify-content:center;
}

/* ---------- 3) Lo que compara el comprador ---------- */

.mh-compara{
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:10px;
}

.mh-compara div{
	background:#fff;
	border-radius:4px;
	text-align:center;
	padding:18px 6px 14px;
	font-size:13px;
	font-weight:700;
	color:var(--azul);
}

.mh-compara i{
	display:block;
	font-size:24px;
	color:var(--amarillo);
	margin-bottom:8px;
}

.mh-compara-flecha{
	text-align:center;
	color:var(--amarillo);
	font-size:22px;
	margin:10px 0 8px;
}

.mh-compara-resultado{
	background:var(--azul);
	color:#fff;
	text-align:center;
	padding:18px;
	border-radius:4px;
	font-family:var(--mh-serif);
	font-size:21px;
	font-style:italic;
}

/* ---------- 4) Gráfico conceptual precio vs. tiempo ---------- */

.mh-grafico{
	display:grid;
	grid-template-columns:26px 1fr;
	gap:6px;
}

.mh-grafico-y{
	writing-mode:vertical-rl;
	transform:rotate(180deg);
	text-align:center;
	font-size:12px;
	font-weight:700;
	color:var(--azul);
	letter-spacing:1px;
}

.mh-grafico svg{ width:100%; height:auto; display:block; }

.mh-grafico-x{
	grid-column:2;
	display:flex;
	justify-content:space-between;
	font-size:12px;
	font-weight:700;
	color:var(--azul);
	letter-spacing:1px;
	margin-top:6px;
}

.mh-curva{
	stroke-dasharray:900;
	stroke-dashoffset:900;
	transition:stroke-dashoffset 1.8s ease .2s;
}

.mh-anim.visible .mh-curva{ stroke-dashoffset:0; }

/* ---------- 5) Señales + palancas de estrategia ---------- */

.mh-senales{
	display:flex;
	justify-content:space-between;
	position:relative;
	margin:6px 0 30px;
}

.mh-senales::before{
	content:"";
	position:absolute;
	top:22px; left:10%; right:10%;
	height:2px;
	background:linear-gradient(90deg, var(--azul), var(--amarillo));
}

.mh-senal{
	position:relative;
	flex:1;
	text-align:center;
	font-size:13px;
	font-weight:700;
	color:var(--azul);
	line-height:1.35;
}

.mh-senal span{
	display:flex;
	align-items:center; justify-content:center;
	width:46px; height:46px;
	margin:0 auto 10px;
	border-radius:50%;
	background:#fff;
	border:2px solid var(--azul);
	font-size:18px;
}

.mh-senal:last-child span{ background:var(--amarillo); border-color:var(--amarillo); }

.mh-palancas-titulo{
	text-align:center;
	font-weight:700;
	color:var(--azul);
	font-size:15px;
	margin-bottom:16px;
	padding-top:24px;
	border-top:1px solid #d5dbe6;
}

.mh-palancas{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:10px;
}

.mh-palanca{
	background:#fff;
	padding:18px 14px;
	border-radius:4px;
	font-size:13px;
	line-height:1.5;
	color:var(--mh-suave);
}

.mh-palanca b{
	display:block;
	color:var(--azul);
	font-size:14px;
	margin-bottom:4px;
}

.mh-palanca i{ color:var(--amarillo); font-size:20px; display:block; margin-bottom:8px; }

.mh-palanca.precio{ border:1px dashed var(--amarillo); }

/* ---------- 6) Mapa de competencia ---------- */

.mh-competencia{
	position:relative;
	display:grid;
	grid-template-columns:1fr 1fr 1fr;
	grid-template-rows:auto auto auto;
	gap:14px;
	padding:26px;
	border:2px dashed var(--amarillo);
	border-radius:28px;
	background:#fff;
}

.mh-competencia-etq{
	position:absolute;
	top:-12px; left:50%;
	transform:translateX(-50%);
	background:var(--mh-azul-claro);
	padding:0 12px;
	font-size:11px;
	letter-spacing:2px;
	text-transform:uppercase;
	font-weight:800;
	color:#8a6d15;
	white-space:nowrap;
}

.mh-rival{
	background:var(--mh-azul-claro);
	border-radius:4px;
	padding:14px;
	font-size:13px;
	color:var(--mh-suave);
	line-height:1.4;
}

.mh-rival b{ display:block; color:var(--azul); font-size:14px; }
.mh-rival i{ color:var(--amarillo); margin-right:4px; }

.mh-rival.r1{ grid-column:1; grid-row:1; }
.mh-rival.r2{ grid-column:3; grid-row:1; }
.mh-rival.r3{ grid-column:1; grid-row:3; }
.mh-rival.r4{ grid-column:3; grid-row:3; }

.mh-propia{
	grid-column:2; grid-row:2;
	background:var(--azul);
	color:#fff;
	border-radius:4px;
	text-align:center;
	padding:22px 14px;
	font-size:13px;
	box-shadow:0 0 0 8px rgba(7,44,99,.08), 0 0 0 16px rgba(7,44,99,.04);
}

.mh-propia b{ display:block; font-size:17px; margin:4px 0; }
.mh-propia small{ color:var(--amarillo); letter-spacing:2px; text-transform:uppercase; font-weight:800; font-size:10px; }

/* ---------- 7) No hay un único mercado ---------- */

.mh-variables{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:center;
	margin-bottom:28px;
}

.mh-variables span{
	background:#fff;
	border:1px solid #d5dbe6;
	border-radius:40px;
	padding:10px 20px;
	font-size:14px;
	font-weight:700;
	color:var(--azul);
}

.mh-variables span.fuerte{
	background:var(--azul);
	border-color:var(--azul);
	color:#fff;
	font-size:16px;
	padding:12px 26px;
}

.mh-balance{
	display:grid;
	grid-template-columns:1fr 1fr;
	background:#fff;
	border-radius:4px;
	overflow:hidden;
}

.mh-balance div{
	padding:16px 20px;
	font-size:15px;
	border-bottom:1px solid var(--mh-linea);
}

.mh-balance div:nth-last-child(-n+2){ border-bottom:none; }

.mh-balance .si{ color:var(--azul); font-weight:700; }
.mh-balance .si i{ color:#2e8b57; margin-right:8px; }
.mh-balance .pero{ color:var(--mh-suave); background:var(--mh-crema); }
.mh-balance .pero i{ color:var(--amarillo); margin-right:8px; }

/* =========================
   FIRMA
==========================*/

.mh-firma{
	display:flex;
	align-items:center;
	gap:22px;
	padding:30px 0;
	border-top:1px solid var(--mh-linea);
	border-bottom:1px solid var(--mh-linea);
	margin-top:20px;
}

.mh-firma img{
	width:90px; height:90px;
	border-radius:50%;
	object-fit:cover;
}

.mh-firma .nombre{
	font-family:var(--mh-serif);
	font-size:26px;
	color:var(--azul);
	font-style:italic;
}

.mh-firma .cargo{ color:var(--mh-suave); font-size:14px; }

.mh-compartir{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:10px;
	margin-top:28px;
	font-size:13px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:2px;
	color:var(--mh-suave);
}

.mh-compartir a,
.mh-compartir button{
	width:40px; height:40px;
	border-radius:50%;
	border:1px solid var(--mh-linea);
	background:#fff;
	color:var(--azul);
	display:inline-flex;
	align-items:center; justify-content:center;
	font-size:16px;
	transition:background .2s, color .2s;
}

.mh-compartir a:hover,
.mh-compartir button:hover{ background:var(--azul); color:#fff; }

/* =========================
   CTA FINAL
==========================*/

.mh-cta{
	background:var(--azul);
	color:#fff;
	padding:80px 0;
	text-align:center;
}

.mh-cta h2{
	font-size:38px;
	font-weight:800;
	max-width:760px;
	margin:0 auto 18px;
}

.mh-cta p{
	color:#dfe4ee;
	max-width:640px;
	margin:0 auto 34px;
	line-height:1.8;
	font-size:17px;
}

.mh-cta .btn{ margin:6px; }

/* =========================
   LISTADO (el-mercado-hoy.php)
==========================*/

.mh-destacado{
	display:grid;
	grid-template-columns:5fr 7fr;
	background:#fff;
	box-shadow:0 20px 50px rgba(7,44,99,.10);
	color:inherit;
	transition:transform .3s, box-shadow .3s;
}

.mh-destacado:hover{
	transform:translateY(-4px);
	box-shadow:0 26px 60px rgba(7,44,99,.16);
	color:inherit;
}

/* Portada tipográfica: no necesita foto en cada edición */
.mh-portada{
	background:var(--azul);
	color:#fff;
	padding:40px;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	min-height:340px;
	position:relative;
	overflow:hidden;
}

.mh-portada::before{
	content:"";
	position:absolute;
	inset:0;
	background:repeating-linear-gradient(0deg, rgba(255,255,255,.05) 0 1px, transparent 1px 26px);
}

.mh-portada > *{ position:relative; }

.mh-portada .serie{
	color:var(--amarillo);
	font-size:12px;
	font-weight:800;
	letter-spacing:3px;
	text-transform:uppercase;
}

.mh-portada .numero{
	font-size:120px;
	font-weight:800;
	line-height:1;
	color:var(--amarillo);
}

.mh-portada .numero small{
	font-size:26px;
	vertical-align:top;
	margin-right:6px;
	color:#fff;
}

.mh-portada .fecha{ color:#b9c3d6; font-size:14px; }

.mh-destacado-texto{
	padding:44px 44px 40px;
	display:flex;
	flex-direction:column;
	justify-content:center;
}

.mh-destacado-texto h2{
	font-size:32px;
	font-weight:800;
	color:var(--azul);
	line-height:1.2;
	margin-bottom:18px;
}

.mh-destacado-texto p{
	color:#555;
	line-height:1.8;
	margin-bottom:22px;
}

.mh-temas{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-bottom:26px;
}

.mh-temas span{
	background:var(--mh-azul-claro);
	color:var(--azul);
	font-size:12px;
	font-weight:700;
	padding:6px 12px;
	border-radius:30px;
}

.mh-leer{
	font-size:13px;
	font-weight:800;
	letter-spacing:2px;
	text-transform:uppercase;
	color:var(--azul);
	border-bottom:2px solid var(--amarillo);
	align-self:flex-start;
	padding-bottom:4px;
}

.mh-card{
	display:block;
	background:#fff;
	border:1px solid var(--mh-linea);
	height:100%;
	color:inherit;
	transition:transform .3s, box-shadow .3s;
}

.mh-card:hover{
	transform:translateY(-4px);
	box-shadow:0 18px 40px rgba(7,44,99,.12);
	color:inherit;
}

.mh-card .mh-portada{ min-height:170px; padding:26px; }
.mh-card .mh-portada .numero{ font-size:64px; }
.mh-card-texto{ padding:24px; }
.mh-card-texto h3{ font-size:19px; font-weight:800; color:var(--azul); line-height:1.3; margin-bottom:14px; }

.mh-como{
	background:var(--gris);
	padding:80px 0;
}

.mh-como-item{
	text-align:center;
	padding:0 10px;
}

.mh-como-item i{
	font-size:34px;
	color:var(--amarillo);
	display:block;
	margin-bottom:16px;
}

.mh-como-item h3{ font-size:18px; font-weight:800; color:var(--azul); margin-bottom:10px; }
.mh-como-item p{ color:#666; line-height:1.7; font-size:15px; margin:0; }

/* =========================
   RESPONSIVE
==========================*/

@media (max-width: 991px){
	.mh-hero{ padding:60px 0 70px; }
	.mh-hero h1{ font-size:40px; }
	.mh-destacado{ grid-template-columns:1fr; }
	.mh-portada{ min-height:220px; }
	.mh-portada .numero{ font-size:84px; }
	.mh-palancas{ grid-template-columns:repeat(2, 1fr); }
	.mh-compara{ grid-template-columns:repeat(3, 1fr); }
}

@media (max-width: 767px){
	.mh-hero h1{ font-size:31px; }
	.mh-hero .mh-bajada{ font-size:17px; }
	.mh-kicker .mh-sep{ display:none; }
	.mh-kicker{ flex-direction:column; align-items:flex-start; gap:6px; }
	.mh-grafico svg .zona{ font-size:23px; }
	.mh-grafico svg .marca{ font-size:28px; }
	.mh-resumen{ padding:28px 22px; }
	.mh-resumen ol{ grid-template-columns:1fr; }
	.mh-seccion h2{ font-size:27px; }
	.mh-seccion p{ font-size:17px; }
	.mh-cita{ font-size:22px; padding-left:20px; }
	.mh-cita.grande{ font-size:25px; }
	.mh-info{ padding:26px 18px 22px; margin-left:-4px; margin-right:-4px; }

	.mh-embudo-fila{ grid-template-columns:1fr; gap:8px; }
	.mh-paso{ font-size:11px; padding:12px 4px 12px 10px; }
	.mh-paso i{ display:none; }

	.mh-preguntas{ grid-template-columns:1fr; }
	.mh-distinto{ justify-self:center; width:44px; height:44px; font-size:22px; }

	.mh-senal{ font-size:11px; }
	.mh-senal span{ width:40px; height:40px; font-size:16px; }
	.mh-senales::before{ top:19px; }

	.mh-competencia{ grid-template-columns:1fr 1fr; padding:22px 14px 16px; gap:10px; border-radius:18px; }
	.mh-propia{ grid-column:1 / -1; grid-row:1; }
	.mh-rival.r1, .mh-rival.r2, .mh-rival.r3, .mh-rival.r4{ grid-column:auto; grid-row:auto; }

	.mh-balance div{ font-size:14px; padding:14px; }

	.mh-destacado-texto{ padding:28px 22px; }
	.mh-destacado-texto h2{ font-size:25px; }
	.mh-cta h2{ font-size:28px; }
}

/* =========================
   LANDING: cabecera y pie propios (sin menú del sitio)
==========================*/

.mh-top{
	background:#fff;
	border-bottom:1px solid #eee;
	padding:16px 0;
}

.mh-top .container{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
}

.mh-top-marca{
	display:flex;
	align-items:center;
	gap:18px;
}

.mh-top-marca img{ height:52px; }

.mh-top-marca span{
	border-left:1px solid #ddd;
	padding-left:18px;
	color:var(--azul);
	font-size:12px;
	font-weight:800;
	letter-spacing:3px;
	text-transform:uppercase;
	white-space:nowrap;
}

.mh-top-cta{ white-space:nowrap; }

.mh-pie{
	background:var(--azul);
	color:#b9c3d6;
	padding:50px 0 30px;
	font-size:14px;
	line-height:1.8;
}

.mh-pie a{ color:#fff; }
.mh-pie strong{ color:#fff; }

.mh-pie-fila{
	display:flex;
	align-items:center;
	gap:30px;
	flex-wrap:wrap;
}

/* El logo es azul: se lo pasa a blanco sobre el fondo del pie */
.mh-pie-logo{ height:60px; filter:brightness(0) invert(1); }

.mh-pie-copy{
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid rgba(255,255,255,.15);
	font-size:12px;
}

@media (max-width: 575px){
	.mh-top-marca img{ height:42px; }
	.mh-top-marca{ gap:12px; }
	.mh-top-marca span{ padding-left:12px; font-size:10px; letter-spacing:2px; }
	.mh-top-cta{ padding:10px 14px; }
}