/* ══════════════════════════════════════════════════════════════
   MLC Viajes — capa premium (portada de la maqueta Astro)
   Paleta: arena #F7F4EE · navy #071D4A · dorado cálido #C8801F
   ══════════════════════════════════════════════════════════════ */

@font-face {
	font-family: 'Outfit';
	src: url('fonts/outfit-var.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--mlc-arena: #F7F4EE;
	--mlc-navy: #071D4A;
	--mlc-oro: #C8801F;
	--mlc-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Una sola tipografía (fórmula de la claridad) ── */
body, button, input, select, textarea,
.guten-element, .guten-heading, .heading-title,
h1, h2, h3, h4, h5, h6 {
	font-family: 'Outfit', 'Mona Sans', sans-serif !important;
}

/* ── Selección y focus con la marca ── */
::selection { background: var(--mlc-navy); color: #fff; }
:focus-visible { outline: 2px solid var(--mlc-oro); outline-offset: 2px; }

/* ── Hilo de progreso dorado (marca de la maqueta Astro) ── */
#mlc-hilo {
	position: fixed; top: 0; left: 0; right: 0;
	height: 3px; z-index: 9999;
	background: var(--mlc-oro);
	transform: scaleX(0);
	transform-origin: left center;
	pointer-events: none;
}

/* ── Reveals al scroll ── */
@media (prefers-reduced-motion: no-preference) {
	.mlc-reveal {
		opacity: 0;
		transform: translateY(42px) scale(0.985);
		transition: opacity 1s var(--mlc-ease), transform 1s var(--mlc-ease);
		transition-delay: calc(var(--mlc-i, 0) * 100ms);
	}
	.mlc-reveal.mlc-in { opacity: 1; transform: none; }
}

/* ── Robustez: las animaciones de entrada de Gutenverse nunca deben dejar
      un bloque invisible ni semitransparente. Dos estados fallan solos:
      1) 'guten-element-hide' (visibility:hidden) se queda pegado si el observer
         no dispara; 2) la animación fadeIn* se atasca a opacidad ~0 (una animación
         CSS activa gana incluso a !important, por eso hace falta animation:none).
      Ocurría en la tarjeta "Aventura". Forzamos el estado final: visible y opaco. ── */
.guten-element-hide { visibility: visible !important; opacity: 1 !important; }
.guten-element-hide .gallery-item-wrap { visibility: visible !important; }
.guten-element.animated,
.guten-element[class*="-fadeIn"],
.guten-element[class*="-fadeOut"],
.guten-element[class*="-zoomIn"],
.guten-element[class*="-slideIn"] {
	opacity: 1 !important;
	animation: none !important;
	visibility: visible !important;
}

/* ── Fix de contenido: ocultar la tira de "logos de partners" demo (marcas
      inventadas: SURFBEACH, RIVMOUNT, Sunny Wave…). Está anidada dentro de la
      sección "A dónde vamos ahora", así que apuntamos SOLO a su sub-sección por id
      (una regla :has amplia ocultaría también las tarjetas). ── */
.guten-ufKMrj { display: none !important; }

/* ── Fix de contenido: la tarjeta "Aventura" (Viajes y ofertas) apuntaba a una
      imagen demo inexistente (08-scuba-diving…webp → 404), por eso salía en blanco.
      La fijamos a una foto de naturaleza/aventura real (cascada de Plitvice). ── */
.guten-FqHvPD > .guten-column-wrapper,
.guten-FqHvPD > .sticky-wrapper > .guten-column-wrapper {
	background-image: url(/wp-content/uploads/2026/09/mlck-naturaleza.webp) !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* ── Imágenes de tarjeta: zoom suave al pasar ── */
.guten-image { overflow: hidden; }
.guten-image img { transition: transform 1.1s var(--mlc-ease); }
.guten-image:hover img,
a:hover .guten-image img,
.guten-column:hover .guten-image img { transform: scale(1.045); }
/* …salvo el logo: con zoom se recortaba dentro de su caja (06/10) */
.guten-image img[src*='logo-blanco-r'],
.guten-image:hover img[src*='logo-blanco-r'],
.guten-column:hover .guten-image img[src*='logo-blanco-r'] { transform: none !important; }
.mlc-logo-enlace { display: inline-block; line-height: 0; transition: opacity 0.3s var(--mlc-ease); }
.mlc-logo-enlace:hover { opacity: 0.82; }
.mlc-logo-enlace:focus-visible { outline: 2px solid var(--mlc-oro); outline-offset: 6px; border-radius: 6px; }

/* ── Botones: transición fina y micro-lift ── */
.guten-button a, .guten-button-wrapper a, button, .wp-element-button {
	transition: transform 0.45s var(--mlc-ease), background-color 0.45s var(--mlc-ease),
		box-shadow 0.45s var(--mlc-ease) !important;
}
.guten-button a:hover, .guten-button-wrapper a:hover { transform: translateY(-2px); }
.guten-button a:active, .guten-button-wrapper a:active { transform: translateY(0) scale(0.98); }

/* ── Tarjetas (columnas con fondo): lift sutil ── */
@media (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.guten-testimonials .testimonial-item,
	.guten-column-wrapper[data-id] {
		transition: transform 0.6s var(--mlc-ease), box-shadow 0.6s var(--mlc-ease);
	}
	.guten-testimonials .testimonial-item:hover { transform: translateY(-4px); }
}

/* ── Logo: tamaño correcto también en móvil (fleco pendiente) ── */
img[src*='logo-blanco-r'] { height: 52px !important; width: auto !important; }
@media (max-width: 480px) { img[src*='logo-blanco-r'] { height: 42px !important; } }
footer img[src*='logo-blanco-r'], .guten-footer img[src*='logo-blanco-r'] { height: 72px !important; }

/* ── Páginas legales (wp:html crudo): tipografía y medida ── */
.page .entry-content > .mlc-legal,
.mlc-legal {
	max-width: 46rem; margin-inline: auto;
	line-height: 1.7; color: #26324b;
}
.mlc-legal h1, .mlc-legal h2, .mlc-legal h3 { color: var(--mlc-navy); line-height: 1.15; }
.mlc-legal h2 { margin-top: 2.2rem; }
.mlc-legal a { color: var(--mlc-oro); }

/* ══════════════════════════════════════════════════════════════
   Repaso de diseño (17/09): gutter lateral + fotos correctas
   ══════════════════════════════════════════════════════════════ */

/* Gutter lateral consistente: el contenido nunca toca los bordes.
   Las secciones de primer nivel llevan su contenido a 1280 centrado (igual
   que ya hacían el hero y "Cuéntanos"). El fondo a sangre se mantiene porque
   vive en la <section>, no en el contenedor. */
.entry-content > .section-wrapper > section.wp-block-gutenverse-section > .guten-container {
	max-width: 1280px;
	margin-inline: auto;
	box-sizing: border-box;
}
@media (max-width: 1360px) {
	.entry-content > .section-wrapper > section.wp-block-gutenverse-section > .guten-container {
		padding-inline: clamp(18px, 4vw, 40px);
	}
}

/* Parrilla "Lo que más nos piden": Caribe y Costa Oeste estaban cruzadas
   (Caribe con el cañón de EE. UU.; Costa Oeste con el Coliseo). Corregidas. */
.guten-HWdqGV,
.guten-HWdqGV > .guten-column-wrapper {
	background-image: url(/wp-content/uploads/2026/09/mlck-caribe.webp) !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}
.guten-cAWH27,
.guten-cAWH27 > .guten-column-wrapper {
	background-image: url(/wp-content/uploads/2026/09/mlck-usa.webp) !important;
	background-size: cover !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
}

/* Destinos (page-id-71): el mosaico de tarjetas (columnas flex anidadas con
   flex-wrap:nowrap) no se apilaba en móvil y provocaba scroll horizontal.
   Forzamos apilado en vertical y ancho completo en pantallas pequeñas. */
@media (max-width: 767px) {
	body.page-id-71 .guten-container,
	body.page-id-71 .guten-column {
		flex-direction: column !important;
		flex-wrap: wrap !important;
	}
	body.page-id-71 .guten-container > .guten-column,
	body.page-id-71 .guten-column {
		width: 100% !important;
		max-width: 100% !important;
		flex: 1 1 100% !important;
	}
	body.page-id-71 .guten-container { overflow-x: clip; }
}

/* ── Accesibilidad: sin motion, todo visible ── */
@media (prefers-reduced-motion: reduce) {
	.mlc-reveal { opacity: 1 !important; transform: none !important; }
	#mlc-hilo { display: none; }
}

/* ══════════════════════════════════════════════════════════════
   BUSCADOR REAL (21/09) — sustituye el formulario decorativo del
   hero. Consulta el autocompletado de destinos de vpackage (el
   motor que MLC ya usa, vía DIT) y abre la búsqueda en el motor
   con los criterios del usuario.
   ══════════════════════════════════════════════════════════════ */

.guten-gVgZaM { display: none !important; }          /* form decorativo original */

.mlc-buscador { width: 100%; max-width: 1180px; margin: 0 auto; text-align: left; }

/* ── Pestañas ── */
.mlc-buscador__tabs { display: flex; gap: 8px; margin-bottom: 14px; flex-wrap: wrap; }
.mlc-tab {
	appearance: none; border: 0; cursor: pointer;
	font: 500 14px/1 'Outfit', sans-serif; letter-spacing: .01em;
	padding: 10px 18px; border-radius: 999px;
	color: #fff; background: rgba(255,255,255,.14);
	backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
	transition: background .45s var(--mlc-ease), color .45s var(--mlc-ease), transform .45s var(--mlc-ease);
}
.mlc-tab:hover { background: rgba(255,255,255,.26); transform: translateY(-1px); }
.mlc-tab.is-on { background: #fff; color: var(--mlc-navy); box-shadow: inset 0 0 0 1px rgba(7,29,74,.08); }

/* ── Barra ── */
.mlc-panel {
	display: none; align-items: flex-end; gap: 6px;
	background: rgba(255,255,255,.96);
	border-radius: 999px; padding: 10px 10px 10px 8px;
	box-shadow: 0 24px 60px -24px rgba(7,29,74,.45), inset 0 0 0 1px rgba(7,29,74,.06);
}
.mlc-panel.is-on { display: flex; }

.mlc-campo { position: relative; flex: 1 1 0; min-width: 0; padding: 6px 16px; }
.mlc-campo + .mlc-campo { box-shadow: inset 1px 0 0 rgba(7,29,74,.1); }
.mlc-campo > label {
	display: block; font: 600 10px/1 'Outfit', sans-serif;
	letter-spacing: .14em; text-transform: uppercase;
	color: #6b7893; margin-bottom: 5px;
}
.mlc-campo input, .mlc-campo select {
	width: 100%; border: 0; background: transparent; outline: none;
	font: 400 15px/1.3 'Outfit', sans-serif; color: var(--mlc-navy);
	padding: 0; appearance: none; -webkit-appearance: none;
}
.mlc-campo input::placeholder { color: #9aa4ba; }
.mlc-campo select { cursor: pointer; }
.mlc-campo--destino { flex: 1.6 1 0; }

/* ── Sugerencias del motor ── */
.mlc-sug {
	position: absolute; z-index: 60; top: calc(100% + 10px); left: 6px; right: 6px;
	margin: 0; padding: 6px; list-style: none;
	background: #fff; border-radius: 16px; max-height: 300px; overflow-y: auto;
	box-shadow: 0 26px 60px -20px rgba(7,29,74,.4), inset 0 0 0 1px rgba(7,29,74,.07);
	display: none;
}
.mlc-sug.is-on { display: block; }
.mlc-sug li {
	padding: 9px 12px; border-radius: 10px; cursor: pointer;
	font: 400 14px/1.25 'Outfit', sans-serif; color: var(--mlc-navy);
	transition: background .2s var(--mlc-ease);
}
.mlc-sug li:hover, .mlc-sug li.is-sel { background: #f2f5fb; }
.mlc-sug li small { display: block; color: #7b87a1; font-size: 12px; margin-top: 2px; }

/* ── Botón buscar (icono anidado) ── */
.mlc-buscar {
	flex: 0 0 auto; display: inline-flex; align-items: center; gap: 10px;
	border: 0; cursor: pointer; border-radius: 999px;
	padding: 14px 14px 14px 26px; margin-left: 4px;
	font: 600 15px/1 'Outfit', sans-serif;
	color: #fff; background: var(--mlc-navy);
	transition: transform .45s var(--mlc-ease), background .45s var(--mlc-ease);
}
.mlc-buscar:hover { transform: translateY(-2px); background: #0a2a6b; }
.mlc-buscar:active { transform: translateY(0) scale(.985); }
.mlc-buscar__ico {
	width: 30px; height: 30px; border-radius: 999px; background: rgba(255,255,255,.16);
	display: inline-flex; align-items: center; justify-content: center; font-size: 15px;
	transition: transform .45s var(--mlc-ease);
}
.mlc-buscar:hover .mlc-buscar__ico { transform: translate(2px, -1px) scale(1.06); }

.mlc-nota {
	margin: 10px 2px 0; font: 400 12px/1.45 'Outfit', sans-serif;
	color: rgba(255,255,255,.78);
}

/* ── Móvil / tableta: la barra se apila ── */
@media (max-width: 900px) {
	.mlc-panel { flex-direction: column; align-items: stretch; border-radius: 22px; padding: 8px; }
	.mlc-campo { padding: 10px 14px; }
	.mlc-campo + .mlc-campo { box-shadow: inset 0 1px 0 rgba(7,29,74,.1); }
	.mlc-buscar { margin: 8px 0 0; justify-content: center; padding: 15px 22px; }
	.mlc-sug { left: 8px; right: 8px; }
}

/* ── WhatsApp flotante (21/09) ── */
.mlc-wa {
	position: fixed; right: 20px; bottom: 20px; z-index: 90;
	display: inline-flex; align-items: center; gap: 9px;
	padding: 12px 18px 12px 14px; border-radius: 999px;
	background: #177245; color: #fff !important; text-decoration: none !important;
	font: 600 14px/1 'Outfit', sans-serif;
	box-shadow: 0 14px 34px -12px rgba(7,29,74,.55);
	transition: transform .45s var(--mlc-ease), background .45s var(--mlc-ease);
}
.mlc-wa:hover { transform: translateY(-3px); background: #115c37; }
.mlc-wa:active { transform: translateY(0) scale(.97); }
@media (max-width: 600px) {
	.mlc-wa { right: 14px; bottom: 14px; padding: 14px; }
	.mlc-wa span { display: none; }
}
@media print { .mlc-wa { display: none !important; } }

/* teléfonos y correos convertidos en enlace por mlc.js */
a.mlc-tel, a.mlc-mail { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }

/* ── Hueco reservado para el buscador (21/09): se inyecta por JS y, sin
      esto, empujaba el hero al cargar (CLS 0,15 en móvil). Alturas medidas. ── */
.guten-column-wrapper:has(> .guten-gVgZaM) { min-height: 126px; }
@media (max-width: 900px) { .guten-column-wrapper:has(> .guten-gVgZaM) { min-height: 420px; } }
@media (max-width: 560px) { .guten-column-wrapper:has(> .guten-gVgZaM) { min-height: 482px; } }

/* Redes que MLC no tiene (YouTube, TikTok): fuera, en vez de enlazar a «#» */
.wp-block-gutenverse-icon:has(.gtn-youtube-1-light),
.wp-block-gutenverse-icon:has(.fa-tiktok) { display: none !important; }

/* Contraste suficiente (AA) en el bloque del blog: el dorado #C8801F sobre
   blanco se queda en 3:1 para texto pequeño */
.mlc-blog__eyebrow, .mlc-blog__all, .mlc-blog__more { color: #8a5410 !important; }

/* ── «Ven a vernos»: la oficina de Linares (06/10) ── */
.mlc-oficina { max-width: 1280px; margin: 0 auto; padding: clamp(56px, 8vw, 110px) clamp(18px, 4vw, 40px); box-sizing: border-box; }
.mlc-oficina__head { display: grid; grid-template-columns: 1.1fr 1fr; gap: 18px 48px; align-items: end; margin-bottom: 34px; }
.mlc-oficina__eyebrow { grid-column: 1 / -1; font: 600 12px/1 'Outfit', sans-serif; letter-spacing: .22em; text-transform: uppercase; color: #8a5410; }
.mlc-oficina__title { margin: 0; font: 600 clamp(32px, 4.4vw, 56px)/1.04 'Outfit', sans-serif; letter-spacing: -.03em; color: var(--mlc-navy); }
.mlc-oficina__intro { margin: 0 0 14px; font: 400 17px/1.6 'Outfit', sans-serif; color: #4a5670; }
.mlc-oficina__ctas { grid-column: 2; display: flex; flex-wrap: wrap; gap: 10px; }
.mlc-oficina__btn { display: inline-flex; align-items: center; padding: 13px 22px; border-radius: 999px; font: 600 15px/1 'Outfit', sans-serif;
	background: var(--mlc-navy); color: #fff !important; text-decoration: none !important; transition: transform .45s var(--mlc-ease), background .45s var(--mlc-ease); }
.mlc-oficina__btn:hover { transform: translateY(-2px); background: #0a2a6b; }
.mlc-oficina__btn--wa { background: #177245; } .mlc-oficina__btn--wa:hover { background: #115c37; }
.mlc-oficina__grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; grid-template-rows: 250px 250px; gap: 14px; }
.mlc-oficina__grid figure { margin: 0; overflow: hidden; border-radius: 20px; background: #e9edf4; }
.mlc-oficina__grid img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1.1s var(--mlc-ease); }
.mlc-oficina__grid figure:hover img { transform: scale(1.04); }
.mlc-oficina__a { grid-row: 1 / 3; }
@media (max-width: 900px) {
	.mlc-oficina__head { grid-template-columns: 1fr; }
	.mlc-oficina__ctas { grid-column: 1; }
	.mlc-oficina__grid { grid-template-columns: 1fr 1fr; grid-template-rows: 260px 170px 170px; }
	.mlc-oficina__a { grid-column: 1 / -1; grid-row: auto; }
}


/* ══ Repaso de diseño y UX/UI (06/10) — el nº 1 corrige la caída a Times tras quitar la Google Font ══ */
/* MLC Viajes · pulido visual (06/10/2026) — pegar al final de mlc-tweaks/assets/mlc.css */

/* 1. Tipografía: el tema pide "Mona Sans" (no cargada) y cae a Times en menú, botones,
      tarjetas de valores, testimonios, pie y contacto. Alias a la Outfit ya servida. */
@font-face{font-family:"Mona Sans";src:url("fonts/outfit-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

/* 2. Azul de marca: secciones oscuras en #06064B (índigo del tema) -> #071D4A */
.guten-8eZ0hJ,.guten-IVRYr8{background-color:#071D4A!important}

/* 3. Menú de escritorio: caja azul rectangular detrás de los enlaces -> transparente */
@media (min-width:1025px){
.guten-EtVujb .guten-nav-menu .gutenverse-menu,
.guten-EtVujb .guten-nav-menu .gutenverse-menu-container{background:transparent!important}}

/* 4. Titulares: reparto equilibrado de líneas (evita "EE. / UU.", viudas en h1/h2) */
h1,h2,h3,.guten-0AS1xC{text-wrap:balance}
p{text-wrap:pretty}

/* 5. Etiquetas de las tarjetas de destino: una sola línea, sin pastilla rota */
.guten-9vBm8d,.guten-ekB4Nn h4{white-space:nowrap}

/* 6. Foco de teclado visible y de marca (accesibilidad) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #C8801F!important;outline-offset:3px}

/* 7. Selección de texto en color de marca */
::selection{background:#C8801F;color:#fff}

/* 8. Números de tabla y anclas: que el menú fijo no tape los títulos al saltar */
html{scroll-padding-top:110px}


/* ── Página del motor de hoteles dentro de la web (06/10) ── */
.mlc-motor { max-width: 1280px; margin: 0 auto; padding: 28px clamp(14px, 3vw, 32px) 64px; box-sizing: border-box; font-family: 'Outfit', sans-serif; }
.mlc-motor__aviso { margin: 0 0 18px; color: #4a5670; font-size: 15px; }
.mlc-motor #app { margin: 0; }
.mlc-motor-pagina .mlc-wa { bottom: 24px; }
/* La cabecera del tema es blanca para ir sobre foto oscura: en la página del
   motor no hay foto, así que va sobre una franja azul marino de marca. */
.mlc-motor-pagina header.wp-block-template-part { background: var(--mlc-navy); }
.mlc-motor-pagina .mlc-motor { padding-top: 0; }
.mlc-motor-pagina .mlc-motor__aviso {
	margin: 0 calc(50% - 50vw) 28px; padding: 26px max(18px, calc(50vw - 640px)) 30px;
	background: var(--mlc-navy); color: rgba(255,255,255,.86); font-size: 16px; line-height: 1.5;
	border-top: 1px solid rgba(255,255,255,.12);
}
.mlc-motor-pagina .mlc-motor__aviso::before {
	content: 'Reserva tu hotel'; display: block; margin-bottom: 6px;
	font: 600 clamp(26px, 3vw, 36px)/1.1 'Outfit', sans-serif; letter-spacing: -.02em; color: #fff;
}


/* ══════════ Repaso de diseño 2 + motores (06/10) ══════════ */
/* ══════════════════════════════════════════════════════════════
   MLC Viajes · pulido 2 (06/10/2026) — pegar AL FINAL de mlc-tweaks/assets/mlc.css
   Probado con addStyleTag en 1440, 1280, 834 y 390 sobre mlc.css?ver=1.13.1
   ══════════════════════════════════════════════════════════════ */

/* ── 1. BUSCADOR DEL HERO: el «dock» de cristal ──────────────────
   El contenedor de cristal (.guten-I9f1St, heredado del formulario demo)
   no tenía relleno vertical: las pestañas tocaban el borde superior y la
   barra blanca el inferior; además su sombra 1px 1px solo pintaba dos
   lados. Relleno uniforme, radio concéntrico y filo de luz en los 4 lados. */
.guten-I9f1St > .guten-column-wrapper {
	padding: 12px !important;
	border-radius: 51px !important;                 /* 39 (barra) + 12 (relleno) */
	background: rgba(7, 29, 74, .22) !important;    /* da contraste a las pestañas sobre cielo claro */
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 30px 70px -40px rgba(7, 29, 74, .6) !important;
	-webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
.guten-I9f1St > .guten-column-wrapper::before { display: none !important; }
.mlc-buscador { margin: 0 !important; max-width: none; }
.mlc-buscador__tabs { margin: 0 0 12px; padding-left: 14px; gap: 6px; }  /* pestañas fuera de la curva */
.mlc-tab { padding: 10px 16px; font-weight: 500; }
.mlc-tab:not(.is-on) { color: rgba(255, 255, 255, .92); }
.mlc-panel { padding: 8px 8px 8px 6px; }                          /* botón con el mismo aire arriba/abajo/dcha */
.mlc-buscar { padding: 13px 13px 13px 24px; margin-left: 6px; min-height: 58px; }
/* Flecha dibujada (SVG) en lugar del carácter «→» */
.mlc-buscar__ico { font-size: 0; }
.mlc-buscar__ico::before {
	content: ''; width: 16px; height: 16px; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* Hueco anti-CLS recalculado con el nuevo relleno (12+34+12+74+12) */
.guten-column-wrapper:has(> .guten-gVgZaM) { min-height: 146px; }

/* ── 1b. Tableta (601–900): rejilla en lugar de 4 filas apiladas ── */
@media (max-width: 900px) {
	.guten-I9f1St > .guten-column-wrapper { border-radius: 30px !important; padding: 10px !important; }
	.mlc-buscador__tabs { padding-left: 4px; margin-bottom: 10px; }
	.mlc-panel { border-radius: 20px; padding: 6px; }
	.mlc-panel[data-p="hoteles"].is-on { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mlc-panel[data-p="hoteles"] .mlc-campo--destino,
	.mlc-panel[data-p="hoteles"] .mlc-buscar { grid-column: 1 / -1; }
	.mlc-panel[data-p="hoteles"] .mlc-campo + .mlc-campo:not(.mlc-campo--destino + .mlc-campo) { box-shadow: inset 1px 0 0 rgba(7,29,74,.1), inset 0 1px 0 rgba(7,29,74,.1); }
	.mlc-buscar { margin: 6px 0 0; min-height: 54px; }
	.guten-column-wrapper:has(> .guten-gVgZaM) { min-height: 0; }
}

/* ── 1c. Móvil (≤600): sin cristal anidado, más ancho útil y pestañas en
         UNA fila con desplazamiento horizontal (antes 3 filas apiladas) ── */
@media (max-width: 600px) {
	.guten-I9f1St > .guten-column-wrapper {
		padding: 0 !important; margin-inline: -8px; width: calc(100% + 16px) !important; background: none !important;
		box-shadow: none !important; -webkit-backdrop-filter: none; backdrop-filter: none;
	}
	.mlc-buscador__tabs {
		flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; padding: 2px 0 2px 2px;
		scroll-snap-type: x proximity; margin-bottom: 10px;
		-webkit-mask-image: linear-gradient(90deg, #000 86%, transparent);
		        mask-image: linear-gradient(90deg, #000 86%, transparent);
	}
	.mlc-buscador__tabs::-webkit-scrollbar { display: none; }
	.mlc-tab { flex: 0 0 auto; scroll-snap-align: start; padding: 9px 14px; font-size: 13.5px; }
	.mlc-panel[data-p="hoteles"].is-on { display: flex; }               /* vuelve a la columna */
	.mlc-panel[data-p="hoteles"] .mlc-campo + .mlc-campo:not(.mlc-campo--destino + .mlc-campo) { box-shadow: inset 0 1px 0 rgba(7,29,74,.1); }
	.mlc-campo { padding: 9px 14px; }
	.guten-column-wrapper:has(> .guten-gVgZaM) { min-height: 0; }
}

/* ── 2. «LA DIFERENCIA» (carrusel de testimonios convertido en valores) ──
   a) El separador .guten-Jk5x2L lleva un degradado blanco absoluto de
      1280x800 que lava las tarjetas laterales («Una p_rsona», «provee_ores»).
   b) El primer carrusel se sale del contenedor (x=3…1437, tarjeta pegada
      al borde de la pantalla) y el segundo deja un hueco a la derecha.
   En escritorio no hay nada que deslizar (4 de 4 visibles): rejilla fija. */
.guten-HQmXaZ .guten-Jk5x2L { display: none !important; }
@media (min-width: 1025px) {
	.guten-HQmXaZ .guten-testimonials { margin-inline: 0 !important; width: 100% !important; }
	.guten-HQmXaZ .swiper-wrapper {
		display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;
		transform: none !important; padding: 0 !important; width: 100% !important;
	}
	.guten-HQmXaZ .swiper-slide { width: auto !important; margin: 0 !important; height: auto; }
	.guten-HQmXaZ .guten-testimonials + .guten-testimonials { margin-top: 8px !important; }
}
.guten-HQmXaZ .testimonial-box { height: 100%; }
@media (min-width: 1025px) { .guten-HQmXaZ .testimonial-content { min-height: 186px; } }  /* misma altura: avatares y títulos alineados en fila */
.guten-HQmXaZ .profile-comment { font-size: 15px; line-height: 1.6; color: #4a5670; }
.guten-HQmXaZ .profile-name { color: var(--mlc-navy); letter-spacing: -.01em; }
.guten-HQmXaZ .profile-des { color: #6b7893; }
/* Las «fotos de perfil» son paisajes: que no se deformen en el círculo */
.guten-HQmXaZ .profile-image img { object-fit: cover; aspect-ratio: 1; }

/* ── 3. Valoración de 5 estrellas sin fuente (portada y /viajes/) ──
   «★★★★★ MLC Viajes · Agencia de viajes en Linares» no cita reseñas reales
   ni su origen: presentarlo como valoración puede considerarse engañoso.
   Fuera hasta poner la nota real de Google con enlace a la ficha. */
.guten-Jjif45 { display: none !important; }

/* ── 4. SERVICIOS: la etiqueta de cada foto tiene altura fija (84px, overflow
      hidden, se despliega al pasar el ratón) y con 40px de relleno lateral
      «Circuitos organizados» se partía en dos líneas y quedaba cortada.
      Se respeta el despliegue; solo se gana ancho y se fija una línea. ── */
.guten-q1yYVG .image-box-body .body-inner { padding-left: 20px !important; padding-right: 20px !important; }
.guten-q1yYVG .image-box-body .body-title { white-space: nowrap; }

/* ── 5. «Cuéntanos a dónde vas»: «Pedir presupuesto» partido en 2 líneas ── */
.guten-8eZ0hJ .guten-button { white-space: nowrap; }

/* ── 6. Botones: una sola forma en toda la web (pastilla, Outfit 600) ── */
.guten-button, .wp-element-button, .mlc-oficina__btn, .mlc-buscar {
	font-family: 'Outfit', sans-serif !important; letter-spacing: 0;
}

/* ── 7. Página del motor: la tabla de Bootstrap del proveedor en Outfit
      y con los botones de marca ── */
.mlc-motor, .mlc-motor :is(h1,h2,h3,h4,h5,h6,p,a,button,label,input,select,li,td,th,small,strong,b) { font-family: 'Outfit', sans-serif !important; }  /* sin tocar fuentes de iconos */
.mlc-motor .btn-primary, .mlc-motor .btn-success {
	background: var(--mlc-navy) !important; border-color: var(--mlc-navy) !important;
	border-radius: 999px !important; font-weight: 600;
}


/* ── 8. Pestaña Coches (06/10): misma rejilla que hoteles en tableta ── */
@media (max-width: 900px) {
	.mlc-panel[data-p="coches"].is-on { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.mlc-panel[data-p="coches"] .mlc-campo--destino,
	.mlc-panel[data-p="coches"] .mlc-buscar { grid-column: 1 / -1; }
}
@media (max-width: 600px) { .mlc-panel[data-p="coches"].is-on { display: flex; } }

/* ── 9. Motor de coches: la app del proveedor está escrita para Bootstrap 3.
      En Bootstrap 4 no existe col-xs-* y las filas anidadas se encogían
      (fechas letra a letra). Sólo se emula lo que falta; sm/md los resuelve
      Bootstrap 4 (filtros 25 % a la izquierda, resultados 75 %). ── */
.mlc-motor-pagina #root .row > .row { flex: 0 0 100%; max-width: 100%; margin-left: 0; margin-right: 0; }
@media (max-width: 575.98px) { .mlc-motor-pagina #root .col-xs-12 { flex: 0 0 100%; max-width: 100%; } }
/* Recogida y devolución: nombre arriba y «15 Nov Lun 10:00» en una línea */
.mlc-motor-pagina #root .generalBox > [class*="col-"] { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0 4px; padding: 10px 14px; }
.mlc-motor-pagina #root .generalBox > [class*="col-"] > :first-child { flex: 1 1 100%; max-width: 100%; }
.mlc-motor-pagina #root .generalBox > [class*="col-"] > :not(:first-child) { flex: 0 0 auto; max-width: none; width: auto; padding: 0; }
.mlc-motor-pagina #root .generalBox .numbersPos, .mlc-motor-pagina #root .generalBox .textsPos { white-space: nowrap; }

/* ── 10. Título de la franja según el motor ── */
.mlc-motor-pagina .mlc-motor__aviso--coches::before { content: 'Reserva tu coche'; }

/* ══════════════════════════════════════════════════════════════
   RESULTADOS DE HOTELES CON NUESTRO DISEÑO (06/10) — mlc-motor.js
   La app del motor queda oculta en modo lista; reaparece en la ficha
   del hotel y en la reserva.
   ══════════════════════════════════════════════════════════════ */
body.mlc-modo-lista #app { position: absolute !important; left: -99999px !important; width: 1200px; height: 1px; overflow: hidden; }
body:not(.mlc-modo-lista) .mlc-res { display: none; }
.mlc-res { font-family: 'Outfit', sans-serif; color: var(--mlc-navy); padding-bottom: 40px; }
.mlc-res__barra { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	background: #fff; border: 1px solid #e3e7ef; border-radius: 18px; padding: 16px 20px; margin-bottom: 16px; }
.mlc-res__resumen strong { display: block; font-size: clamp(20px, 2.2vw, 26px); font-weight: 600; letter-spacing: -.02em; }
.mlc-res__resumen span { color: #4a5670; font-size: 15px; }
.mlc-res__cambiar { padding: 11px 18px; border-radius: 999px; border: 1px solid var(--mlc-navy); color: var(--mlc-navy) !important;
	font-weight: 600; font-size: 14px; text-decoration: none !important; transition: background .3s var(--mlc-ease), color .3s var(--mlc-ease); }
.mlc-res__cambiar:hover { background: var(--mlc-navy); color: #fff !important; }
.mlc-res__progreso { margin: 0 0 16px; }
.mlc-res__progreso p { margin: 8px 0 0; font-size: 14px; color: #4a5670; }
.mlc-res__pista { height: 4px; background: #e9edf4; border-radius: 99px; overflow: hidden; }
.mlc-res__pista i { display: block; height: 100%; width: 4%; background: var(--mlc-oro); border-radius: 99px; transition: width .6s var(--mlc-ease); }
.mlc-res__filtros { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 16px; margin-bottom: 14px;
	background: var(--mlc-arena); border-radius: 18px; padding: 14px 16px; }
.mlc-res__filtros[hidden] { display: none; }
.mlc-res__chips { display: flex; gap: 6px; flex-wrap: wrap; }
.mlc-res__chips button { border: 1px solid #d5dbe6; background: #fff; color: var(--mlc-navy); border-radius: 999px; padding: 8px 14px;
	font: 500 14px/1 'Outfit', sans-serif; cursor: pointer; transition: all .25s var(--mlc-ease); }
.mlc-res__chips button.is-on { background: var(--mlc-navy); border-color: var(--mlc-navy); color: #fff; }
.mlc-res__campo { display: flex; flex-direction: column; gap: 4px; margin: 0; }
.mlc-res__campo span { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: #6b7893; font-weight: 600; }
.mlc-res__campo select, .mlc-res__campo input { border: 1px solid #d5dbe6; border-radius: 12px; padding: 9px 12px; font: 400 15px 'Outfit', sans-serif;
	color: var(--mlc-navy); background: #fff; min-width: 170px; }
.mlc-res__campo--txt input { min-width: 200px; }
.mlc-res__check { display: flex; align-items: center; gap: 8px; font-size: 15px; margin: 0 0 10px; cursor: pointer; }
.mlc-res__total { margin: 0 0 12px; color: #4a5670; font-size: 14px; }
.mlc-res__lista { display: grid; gap: 14px; }
.mlc-h { display: grid; grid-template-columns: 280px minmax(0, 1fr) 230px; background: #fff; border: 1px solid #e3e7ef; border-radius: 20px;
	overflow: hidden; transition: box-shadow .45s var(--mlc-ease), transform .45s var(--mlc-ease); }
.mlc-h:hover { box-shadow: 0 22px 50px -30px rgba(7, 29, 74, .45); transform: translateY(-2px); }
.mlc-h__foto { background: #e9edf4; min-height: 200px; position: relative; }
.mlc-h__foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mlc-h__info { padding: 18px 20px; min-width: 0; }
.mlc-h__estrellas { color: var(--mlc-oro); letter-spacing: 2px; font-size: 14px; }
.mlc-h__info h3 { margin: 4px 0 4px; font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: -.01em; color: var(--mlc-navy); }
.mlc-h__zona { margin: 0 0 8px; color: #6b7893; font-size: 14px; }
.mlc-h__desc { margin: 0 0 10px; color: #4a5670; font-size: 14px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.mlc-h__chips { display: flex; flex-wrap: wrap; gap: 6px; }
.mlc-h__chips span { background: #f1f4f9; border-radius: 999px; padding: 5px 10px; font-size: 13px; color: #34405a; }
.mlc-h__chips .ok { background: #e6f3ec; color: #1f7a4d; }
.mlc-h__precio { padding: 18px 20px; border-left: 1px solid #eef1f6; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; text-align: right; }
.mlc-h__precio small { color: #6b7893; font-size: 13px; }
.mlc-h__precio strong { font-size: 28px; line-height: 1.1; font-weight: 600; letter-spacing: -.02em; }
.mlc-h__precio span { color: #6b7893; font-size: 13px; margin: 2px 0 12px; }
.mlc-h__ver { border: 0; border-radius: 999px; background: var(--mlc-navy); color: #fff; padding: 12px 20px; font: 600 15px 'Outfit', sans-serif;
	cursor: pointer; transition: transform .4s var(--mlc-ease), background .4s var(--mlc-ease); }
.mlc-h__ver:hover { background: #0a2a6b; transform: translateY(-2px); }
.mlc-res__aviso { margin: 8px 0 0; font-size: 13px; color: #9a5d0a; }
.mlc-res__mas { text-align: center; margin-top: 18px; }
.mlc-res__mas[hidden], .mlc-res__vacio[hidden], .mlc-res__total[hidden], .mlc-res__progreso[hidden] { display: none; }
.mlc-res__mas button { border: 1px solid var(--mlc-navy); background: #fff; color: var(--mlc-navy); border-radius: 999px; padding: 12px 24px;
	font: 600 15px 'Outfit', sans-serif; cursor: pointer; }
.mlc-res__vacio { text-align: center; background: var(--mlc-arena); border-radius: 20px; padding: 40px 20px; }
.mlc-res__vacio h3 { margin: 0 0 6px; font-size: 22px; }
.mlc-res__wa { display: inline-block; margin-top: 10px; background: #177245; color: #fff !important; border-radius: 999px; padding: 12px 22px; font-weight: 600; text-decoration: none !important; }
/* esqueletos */
.mlc-h--esqueleto .mlc-h__info i, .mlc-h--esqueleto .mlc-h__precio i { display: block; height: 14px; border-radius: 8px; margin: 10px 0;
	background: linear-gradient(90deg, #eef1f6 25%, #f7f9fc 50%, #eef1f6 75%); background-size: 200% 100%; animation: mlcBrillo 1.4s infinite linear; }
.mlc-h--esqueleto .mlc-h__info i:nth-child(1) { width: 40%; } .mlc-h--esqueleto .mlc-h__info i:nth-child(2) { width: 75%; }
.mlc-h--esqueleto .mlc-h__info i:nth-child(3) { width: 60%; } .mlc-h--esqueleto .mlc-h__precio i { width: 120px; height: 30px; }
@keyframes mlcBrillo { to { background-position: -200% 0; } }
@media (prefers-reduced-motion: reduce) { .mlc-h--esqueleto i { animation: none !important; } }
/* tableta y móvil */
@media (max-width: 1024px) { .mlc-h { grid-template-columns: 220px minmax(0, 1fr); } .mlc-h__precio { grid-column: 1 / -1; border-left: 0; border-top: 1px solid #eef1f6;
	flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; text-align: left; gap: 2px 14px; }
	.mlc-h__precio span { margin: 0; flex: 1 1 auto; } }
@media (max-width: 640px) {
	.mlc-h { grid-template-columns: 1fr; } .mlc-h__foto { min-height: 190px; }
	.mlc-h__precio { flex-direction: column; align-items: stretch; } .mlc-h__ver { width: 100%; padding: 14px; }
	.mlc-res__filtros { padding: 12px; } .mlc-res__campo, .mlc-res__campo select, .mlc-res__campo input { min-width: 0; width: 100%; }
	.mlc-res__campo { flex: 1 1 100%; } .mlc-res__barra { padding: 14px 16px; } .mlc-res__cambiar { width: 100%; text-align: center; }
}

/* ── Aviso «hay más hoteles» (no reordenamos la lista sola) ── */
.mlc-res__nuevos { display: block; width: 100%; margin: 0 0 12px; border: 1px dashed var(--mlc-oro); background: #fdf6ea; color: #8a5410;
	border-radius: 14px; padding: 11px 16px; font: 600 14px 'Outfit', sans-serif; cursor: pointer; text-align: left; }
.mlc-res__nuevos[hidden] { display: none; }
.mlc-res__nuevos:hover { background: #fbefda; }

/* ══ FICHA DEL HOTEL (app del motor) con la marca ══ */
.mlc-motor #app { color: var(--mlc-navy); }
.mlc-motor #app .text-primary, .mlc-motor #app h3 strong, .mlc-motor #app h3 a { color: var(--mlc-navy) !important; }
.mlc-motor #app h2, .mlc-motor #app h3, .mlc-motor #app h4 { font-family: 'Outfit', sans-serif !important; letter-spacing: -.01em; }
.mlc-motor #app span.text-primary.bold { font-size: 22px; font-weight: 600; }
/* condiciones de cancelación: de subrayado amarillo a etiqueta suave */
.mlc-motor #app .bg-warning { background: #fdf3e1 !important; color: #8a5410 !important; border-radius: 8px; padding: 2px 8px; font-size: 12.5px; line-height: 1.6; display: inline-block; margin: 2px 0; }
/* franja de filtros: de turquesa a arena */
.mlc-motor #app .bg-info { background: var(--mlc-arena) !important; color: var(--mlc-navy) !important; border: 1px solid #e3e7ef !important; border-radius: 18px; padding: 14px 10px !important; }
.mlc-motor #app .react-toggle--checked .react-toggle-track { background: var(--mlc-navy) !important; }
/* pestañas de la ficha y «Volver al listado»: píldoras */
.mlc-motor #app .list-group-horizontal { gap: 8px; border: 0; padding: 0 0 6px; flex-wrap: wrap; }
.mlc-motor #app .list-group-item { border: 1px solid #d5dbe6 !important; border-radius: 999px !important; background: #fff; color: var(--mlc-navy);
	padding: 9px 16px; font: 500 14px 'Outfit', sans-serif; margin: 0 6px 6px 0; flex: 0 0 auto; max-width: none; width: auto; transition: all .25s var(--mlc-ease); }
.mlc-motor #app .list-group-item:hover, .mlc-motor #app .list-group-item.active { background: var(--mlc-navy) !important; color: #fff !important; border-color: var(--mlc-navy) !important; }
/* botones Reservar: píldora de marca */
.mlc-motor #app .btn-primary { border-radius: 999px !important; font-weight: 600; padding: 9px 18px; }
.mlc-motor #app .btn-primary:hover { background: #0a2a6b !important; }
/* fotos con esquinas de la casa */
.mlc-motor #app img { border-radius: 12px; }

/* ── Móvil: filtros plegados y ficha más ligera ── */
.mlc-res__acciones { display: flex; gap: 8px; flex-wrap: wrap; }
.mlc-res__abrir { display: none; border: 1px solid var(--mlc-navy); background: var(--mlc-navy); color: #fff; border-radius: 999px; padding: 11px 18px;
	font: 600 14px 'Outfit', sans-serif; cursor: pointer; }
@media (max-width: 640px) {
	.mlc-res__acciones { width: 100%; } .mlc-res__acciones > * { flex: 1 1 0; text-align: center; }
	.mlc-res__abrir { display: block; }
	.mlc-res:not(.mlc-res--filtros-abiertos) .mlc-res__filtros { display: none; }
	.mlc-res__cambiar { width: auto; }
}
.mlc-motor #app h4 { font-size: 16px !important; font-weight: 400 !important; color: #4a5670 !important; line-height: 1.4; }
@media (max-width: 640px) { .mlc-motor #app h3.text-primary { font-size: 24px !important; } }

/* ══ Contacto (06/10): sin hueco bajo el título y las tres cajas iguales ══
   La columna repartía el alto sobrante (align-content: space-between) entre
   el título y los datos; «Dónde estamos» caía bajo su icono por ocupar todo
   el ancho, mientras «Escríbenos» y «Llámanos» iban a su derecha. */
.guten-T4QJm6 > .guten-column-wrapper { align-content: flex-start !important; }
.guten-T4QJm6 .guten-nglHb6 { margin-bottom: 36px !important; }
.guten-79PPnY, .guten-Nl2vvE, .guten-siVN7d { width: 100% !important; margin: 0 0 22px !important; }
.guten-79PPnY > .guten-inner-wrap,
.guten-Nl2vvE > .guten-inner-wrap,
.guten-siVN7d > .guten-inner-wrap {
	display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 16px !important;
}
.guten-79PPnY .guten-wrap-helper, .guten-Nl2vvE .guten-wrap-helper, .guten-siVN7d .guten-wrap-helper { flex: 0 0 auto; margin: 0 !important; }
.guten-Tnos3O, .guten-BZ2loQ, .guten-WHnexR { flex: 1 1 auto; min-width: 0; width: auto !important; margin: 0 !important; }
.guten-Tnos3O .icon-box-description, .guten-BZ2loQ .icon-box-description, .guten-WHnexR .icon-box-description { margin: 0 !important; }

.mlc-contacto-foto { position: relative; width: 100%; margin: 14px 0 0; border-radius: 22px; overflow: hidden; aspect-ratio: 16 / 10; }
.mlc-contacto-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mlc-contacto-foto figcaption {
	position: absolute; inset: auto 0 0 0; display: flex; justify-content: space-between; align-items: flex-end; gap: 12px;
	padding: 48px 20px 16px; color: #fff; font-size: 15px; font-weight: 500;
	background: linear-gradient(to top, rgba(7, 29, 74, 0.82), rgba(7, 29, 74, 0));
}
.mlc-contacto-foto figcaption a { color: #fff; text-decoration: underline; text-underline-offset: 4px; white-space: nowrap; }
.mlc-contacto-foto figcaption a:hover { color: var(--mlc-oro); }
@media (max-width: 1024px) { .mlc-contacto-foto { display: none; } }
@media (max-width: 767px) {
	.guten-Tnos3O .icon-box-description, .guten-BZ2loQ .icon-box-description, .guten-WHnexR .icon-box-description { font-size: 19px !important; line-height: 1.35 !important; }
	.guten-79PPnY > .guten-inner-wrap, .guten-Nl2vvE > .guten-inner-wrap, .guten-siVN7d > .guten-inner-wrap { gap: 14px !important; }
}

/* ══ Repaso 06/10 (revisión completa de páginas) ══ */
/* Valoración real de Google (antes eran 5 estrellas sin fuente y se ocultaron) */
.guten-Jjif45 { display: flex !important; }
.mlc-nota-google { margin: 0 0 0 8px !important; }
.mlc-nota-google a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
/* Precio de las ofertas: «Precio a medida» como dato, no como titular de 40px */
h4.heading-title:has(> .mlc-precio), .mlc-precio { font-size: clamp(19px, 1.6vw, 22px) !important; line-height: 1.25 !important; font-weight: 600 !important; }
/* Viñetas de las ofertas: una por línea y con la misma sangría en las cuatro tarjetas */
section.guten-section:has(.guten-DNpfIF) .guten-icon-list .list-wrapper { display: flex !important; flex-direction: column; align-items: flex-start; gap: 6px; }
section.guten-section:has(.guten-DNpfIF) .guten-icon-list-item { margin: 0 !important; padding: 0 !important; }
section.guten-section:has(.guten-DNpfIF) .guten-icon-list-item a, section.guten-section:has(.guten-DNpfIF) .guten-icon-list-item > span { padding: 0 !important; margin: 0 !important; }
section.guten-section:has(.guten-DNpfIF) .list-divider { display: none !important; }
/* Pie: «Diseñado y desarrollado por Grupo Oro» a la altura del © y dentro del pie */
.guten-YbU7b1 .guten-container { align-items: center; }
.guten-7ZapRO, .guten-7ZapRO .text-content-inner, .guten-7ZapRO p { margin: 0 !important; }
/* Páginas sin foto de cabecera (legales y motor): la franja azul cubre también el margen superior */
.mlc-motor-pagina header.wp-block-template-part,
body:has(.mlc-legal) header.wp-block-template-part { display: flow-root; background: var(--mlc-navy); padding-bottom: 20px; }
body:has(.mlc-legal) .mlc-legal { padding-top: 40px; }
.mlc-legal__titulo { font-size: clamp(30px, 4vw, 44px); line-height: 1.1; letter-spacing: -0.02em; color: var(--mlc-navy); margin: 0 0 24px; }
/* El © del pie llevaba la animación de entrada pero, al estar al final de la página,
   nunca llegaba a dispararse: quedaba invisible y desplazado 45px fuera del pie. */
.guten-YbU7b1 .mlc-reveal { opacity: 1 !important; transform: none !important; }
/* «5,0»: sin hueco entre el número y su decimal */
.guten-SCXxcd .number-wrapper { gap: 0 !important; }
.guten-SCXxcd .number-wrapper .suffix, .guten-SCXxcd .number-wrapper .number { margin: 0 !important; padding: 0 !important; }
.mlc-wa { transition: opacity 0.3s var(--mlc-ease), transform 0.3s var(--mlc-ease); }
.mlc-wa.mlc-wa--aparte { opacity: 0; transform: translateY(16px); pointer-events: none; }