/*
Theme Name:        Carmove
Theme URI:         https://carmove.es
Description:       Tema propio de Carmove (carmove.es), sin tema padre y sin Elementor: paginas y entradas en HTML propio, cabecera y pie nativos, blog y 404 en plantillas del tema.
Author:            Carmove
Version:           2026.1029.1
Text Domain:       carmove
*/

/* Color corporativo Carmove: #356ea6 */

/* =========================================================
   Hero / Buscador de reserva — refresh 2026
   Acotado por ID de sección para no afectar al resto del sitio.
   ========================================================= */

/* Botón "Buscar coche" — azul corporativo, estilo pill */
.mybooking-selector_button.mb-button,
.mb-button.mybooking-selector_button {
    background-color: #356ea6 !important;
    border-color: #356ea6 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    font-weight: 600 !important;
    transition: background-color .15s ease;
}
.mybooking-selector_button.mb-button:hover,
.mb-button.mybooking-selector_button:hover {
    background-color: #2b598a !important;
    border-color: #2b598a !important;
}

/* Campos del buscador: bordes redondeados y limpios */
.mybooking-selector_form input,
.mybooking-selector_form select {
    border-radius: 10px !important;
}

/* =========================================================
   MÓVIL — Hero atractivo (la sección de escritorio estaba oculta)
   ========================================================= */
/* =========================================================
   MÓVIL — Barra fija "Reservar ahora" (conversión)
   ========================================================= */
.cm-mobile-cta { display: none; }

@media (max-width: 767px) {
    .cm-mobile-cta {
        display: flex;
        gap: 10px;
        align-items: stretch;
        position: fixed;
        left: 0; right: 0; bottom: 0;
        z-index: 99990;
        background: #ffffff;
        box-shadow: 0 -4px 18px rgba(20, 50, 90, 0.13);
        padding: 9px 12px;
        padding-bottom: calc(9px + env(safe-area-inset-bottom));
    }
    .cm-mobile-cta a { text-decoration: none !important; }
    /* Botón grande "Reservar ahora" */
    .cm-mobile-cta__btn {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #356ea6;
        color: #ffffff !important;
        font-family: Poppins, sans-serif;
        font-weight: 600;
        font-size: 16px;
        padding: 14px 16px;
        border-radius: 12px;
        line-height: 1;
    }
    /* Botones de icono (Llamar / WhatsApp) */
    .cm-mobile-cta__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        flex: 0 0 50px;
        border-radius: 12px;
        color: #ffffff;
    }
    .cm-mobile-cta__icon svg { stroke: #ffffff; fill: #ffffff; }
    .cm-mobile-cta__call { background: #356ea6; }
    .cm-mobile-cta__call svg { fill: none !important; stroke: #ffffff !important; }

/* Evita que el banner de cookies (CookieYes) se solape con la barra fija
   de reserva en movil. Mientras el banner este visible, ocultamos la barra
   (CookieYes anade la clase cky-hide-scroll al abrir); ademas subimos su
   z-index como red de seguridad por si esa clase no se aplica. */
@media (max-width: 767px) {
    html.cky-hide-scroll .cm-mobile-cta,
    body.cky-hide-scroll .cm-mobile-cta {
        display: none !important;
    }
    #cookieyes, .cky-consent-container {
        z-index: 999999 !important;
    }
}

    .cm-mobile-cta__wa { background: #25D366; }
    .cm-mobile-cta__wa svg { fill: #ffffff !important; }

    /* Espacio al final para que la barra no tape el contenido/footer */
    body { padding-bottom: 78px !important; }

    /* Ocultar el botón flotante de CookieYes en móvil (círculo azul vacío
       que ensucia la pantalla). Revisar antes de pasar a producción. */
    .cky-btn-revisit-wrapper,
    .cky-revisit-bottom-left,
    .cky-btn-revisit {
        display: none !important;
    }

}

/* El ancla del buscador deja hueco al desplazarse (header/respiro) */
#form-selector {
    scroll-margin-top: 20px;
}

/* =========================================================
   Destacados estilo Sixt (sección 39b4ebbd) — rejilla de tarjetas
   ========================================================= */
.cm-feat-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
@media (max-width: 767px) {
    .cm-feat-grid { grid-template-columns: 1fr; }
}

/* =========================================================
   Pasos 1-2-3 estilo Sixt (sección 0a02d72)
   ========================================================= */
.cm-steps-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 18px;
}
@media (max-width: 767px) {
    .cm-steps-grid { grid-template-columns: 1fr; gap: 30px; }
}

/* =========================================================
   MÓVIL — Ajuste de tamaño de fuente en tarjetas (títulos largos)
   ========================================================= */
@media (max-width: 767px) {
    .cm-feat-grid h3,
.cm-steps-grid h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
    .cm-feat-grid p,
.cm-steps-grid p {
        font-size: 14px !important;
    }
}

/* (Imagen de hero pospuesta — pendiente de elegir foto definitiva) */

/* =========================================================
   Vuelta zona intro (tras el buscador) — consolidación limpia
   ========================================================= */

/* =========================================================
   FLOTA — chips de specs (genérico)
   ========================================================= */
.cm-specs { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 14px; }
.cm-spec {
    display: inline-flex; align-items: center; gap: 6px;
    background: #f1f5f9; border-radius: 8px; padding: 6px 11px;
    font-family: Inter, sans-serif; font-size: 13px; color: #33414d;
}
.cm-spec img { width: 16px; height: 16px; margin: 0; vertical-align: middle; }
.cm-specs p { margin: 0; }

/* Botón Reservar de cada ficha */
.cm-veh-btn { display: inline-block; }

/* =========================================================
   FLOTA — cabecera tipo banner con degradado de marca
   ========================================================= */
.cm-flota-hero {
    position: relative;
    overflow: hidden;
    background: linear-gradient(125deg, #356ea6 0%, #1b4e7e 55%, #002949 100%);
    border-radius: 18px;
    padding: 46px 44px;
}
.cm-flota-car {
    position: absolute; right: 14px; bottom: -22px;
    width: 180px; height: 180px; fill: #ffffff; opacity: .09;
}
.cm-flota-kicker {
    display: inline-block; font-family: Poppins, sans-serif; font-weight: 600;
    font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
    color: #cfe2f2; background: rgba(255,255,255,.14);
    padding: 6px 13px; border-radius: 999px; margin-bottom: 16px;
}
.cm-flota-title {
    font-family: Poppins, sans-serif !important; font-weight: 700 !important;
    font-size: 38px !important; line-height: 1.08 !important;
    color: #ffffff !important; margin: 0 0 12px !important;
}
.cm-flota-sub {
    font-family: Inter, sans-serif; font-size: 17px; line-height: 1.5;
    color: #e7f0f9; margin: 0 0 8px; font-weight: 500;
}
.cm-flota-intro {
    font-family: Inter, sans-serif; font-size: 14.5px; line-height: 1.6;
    color: #bcd6ee; margin: 0; max-width: 680px;
}
@media (max-width: 767px) {
    .cm-flota-hero { padding: 32px 24px; }
    .cm-flota-title { font-size: 28px !important; }
}

/* =========================================================
   LANDINGS DE UBICACIÓN — cabecera banner normalizada
   ========================================================= */
.cm-loc-hero {
    position: relative; overflow: hidden;
    background: linear-gradient(125deg, #356ea6 0%, #1b4e7e 55%, #002949 100%);
    border-radius: 18px; padding: 44px 42px;
}
.cm-loc-pin {
    position: absolute; right: 24px; bottom: -18px;
    width: 150px; height: 150px; fill: #ffffff; opacity: .09;
}
.cm-loc-kicker {
    display: inline-block; font-family: Poppins, sans-serif; font-weight: 600;
    font-size: 12px; letter-spacing: .1em; text-transform: uppercase;
    color: #cfe2f2; background: rgba(255,255,255,.14);
    padding: 6px 13px; border-radius: 999px; margin-bottom: 15px;
}
.cm-loc-title {
    font-family: Poppins, sans-serif !important; font-weight: 700 !important;
    font-size: 36px !important; line-height: 1.1 !important;
    color: #ffffff !important; margin: 0 0 11px !important;
}
.cm-loc-sub {
    font-family: Inter, sans-serif; font-size: 16px; line-height: 1.5;
    color: #e7f0f9; margin: 0; max-width: 640px;
}
@media (max-width: 767px) {
    .cm-loc-hero { padding: 30px 24px; }
    .cm-loc-title { font-size: 27px !important; }
}

/* ====== Foto de la ubicación (bloque entrega 2 columnas) ====== */
.cm-loc-photo img{
	width:100%;
	height:100%;
	min-height:240px;
	object-fit:cover;
	border-radius:16px;
	box-shadow:0 18px 40px -18px rgba(13,38,63,.45);
	display:block;
}
@media (max-width:1024px){
	.cm-loc-photo img{min-height:200px;}
}
@media (max-width:767px){
	.cm-loc-photo img{min-height:200px;margin-top:18px;}
}

/* =========================================================
   HEADER 2026 — barra única, menú centrado, cristal al scroll
   Plantilla Elementor 2605 reconstruida (sección #header_pop / 11c32652)
   ========================================================= */

/* Logo */
.cm-hd-logo img { height: 40px !important; width: auto !important; }

/* Icono WhatsApp circular */
.cm-hd-wa {
    display: inline-flex; align-items: center; justify-content: center;
    width: 42px; height: 42px; border-radius: 50%;
    border: 1px solid #e0e8f0; color: #25963f; text-decoration: none;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}
.cm-hd-wa:hover { background: #25963f; color: #fff; border-color: #25963f; }
.cm-hd-wa svg { display: block; }

/* ---- Desplegable de ESCRITORIO ---- */
/* ---- Móvil/tablet: logo | Reservar | hamburguesa ---- */
@media (max-width: 1024px) {
                        .cm-hd-wa { display: none; }                 /* WhatsApp ya está en la barra fija inferior */
    .cm-hd-logo img { height: 34px !important; }
        }

/* =========================================================
   FOOTER 2026 — oscuro con degradado de marca (plantilla 4659)
   Render como widget HTML único (.cm-footer). URLs relativas.
   ========================================================= */
.cm-footer {
    background: linear-gradient(135deg,#1b4e7e 0%,#0f3e66 45%,#002949 100%);
    color: #cfe0ef;
    font-family: Inter, sans-serif;
}
.cm-footer__inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px 34px;
    padding: 46px 24px 34px;
}
.cm-footer__brand { flex: 1 1 240px; min-width: 220px; }
.cm-footer__logo {
    font-family: Poppins, sans-serif;
    font-size: 24px; font-weight: 600; color: #ffffff;
    letter-spacing: -.5px; line-height: 1;
}
.cm-footer__logo span {
    font-size: 12px; font-weight: 400; color: #7fb0d8;
    margin-left: 6px; letter-spacing: 0;
}
.cm-footer__claim { font-size: 13px; line-height: 1.65; color: #9fc0dc; margin: 14px 0 16px; max-width: 320px; }
.cm-footer__contact { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.cm-footer__cbtn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 9px 15px; border-radius: 11px;
    background: rgba(255,255,255,.09); color: #fff !important;
    font-size: 13.5px; font-weight: 500; text-decoration: none !important;
    transition: background .15s ease, transform .15s ease;
}
.cm-footer__cbtn:hover { background: rgba(255,255,255,.18); transform: translateY(-1px); }
.cm-footer__cbtn--wa:hover { background: #25963f; }
.cm-footer__apps { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.cm-footer__apps a {
    display: inline-flex; align-items: center;
    background: rgba(255,255,255,.95); border-radius: 9px; padding: 5px 9px;
    transition: transform .15s ease, box-shadow .15s ease;
}
.cm-footer__apps a:hover { transform: translateY(-1px); box-shadow: 0 8px 18px -8px rgba(0,0,0,.5); }
.cm-footer__apps img { height: 26px; width: auto; display: block; }

.cm-footer__col { flex: 1 1 150px; min-width: 140px; }
.cm-footer__col--wide { flex: 1.7 1 250px; min-width: 240px; }
.cm-footer__h {
    font-family: Poppins, sans-serif;
    font-size: 13px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
    color: #ffffff; margin: 2px 0 14px;
}
.cm-footer__list { display: flex; flex-direction: column; gap: 9px; }
.cm-footer__locgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 16px; }
.cm-footer__link {
    color: #bcd5ea !important; font-size: 13px; line-height: 1.3;
    text-decoration: none !important; transition: color .15s ease, padding-left .15s ease;
}
.cm-footer__link:hover { color: #ffffff !important; padding-left: 3px; }

.cm-footer__bottom {
    border-top: 1px solid rgba(255,255,255,.12);
    max-width: 1200px; margin: 0 auto;
    padding: 16px 24px;
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
    font-size: 12px; color: #7fa6c6;
}

@media (max-width: 767px) {
    .cm-footer__inner { gap: 26px; padding: 34px 20px 26px; }
    .cm-footer__brand { flex: 1 1 100%; }
    .cm-footer__col { flex: 1 1 45%; }
    .cm-footer__col--wide { flex: 1 1 100%; }
    .cm-footer__bottom { flex-direction: column; gap: 6px; text-align: center; justify-content: center; }
}

/* =========================================================
   FAQ 2026 — acordeón por categorías (página 822) <details>
   ========================================================= */
.cm-faq { max-width: 880px; margin: 0 auto; padding: 6px 0 4px; }
.cm-faq__cat {
    font-family: Poppins, sans-serif; font-weight: 700; font-size: 20px; color: #16263a;
    margin: 30px 0 14px; padding-left: 14px; border-left: 4px solid #356ea6; line-height: 1.2;
}
.cm-faq__group:first-of-type .cm-faq__cat { margin-top: 6px; }
.cm-faq__item {
    background: #fff; border: 1px solid #e7edf3; border-radius: 14px;
    margin-bottom: 10px; overflow: hidden; transition: box-shadow .15s ease, border-color .15s ease;
}
.cm-faq__item[open] { border-color: #cfe0f0; box-shadow: 0 10px 28px -14px rgba(13,38,63,.30); }
.cm-faq__q {
    list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between;
    gap: 14px; padding: 16px 20px;
    font-family: Poppins, sans-serif; font-weight: 600; font-size: 15.5px; color: #16263a;
    transition: color .15s ease;
}
.cm-faq__q::-webkit-details-marker { display: none; }
.cm-faq__q::after {
    content: ""; flex: 0 0 auto; width: 11px; height: 11px;
    border-right: 2px solid #356ea6; border-bottom: 2px solid #356ea6;
    transform: rotate(45deg); transition: transform .2s ease; margin-top: -3px;
}
.cm-faq__item[open] .cm-faq__q { color: #356ea6; }
.cm-faq__item[open] .cm-faq__q::after { transform: rotate(-135deg); margin-top: 2px; }
.cm-faq__q:hover { color: #356ea6; }
.cm-faq__a {
    padding: 0 20px 18px; font-family: Inter, sans-serif; font-size: 14.5px; line-height: 1.7; color: #51606d;
}
.cm-faq__a strong { color: #16263a; }
@media (max-width: 767px) {
    .cm-faq__cat { font-size: 18px; }
    .cm-faq__q { font-size: 14.5px; padding: 14px 16px; }
    .cm-faq__a { padding: 0 16px 16px; }
}

/* =========================================================
   BLOG — entradas (single post) con el estilo de marca
   Plantilla del tema (h1.post_title + .entry-content). Acotado a .single-post.
   ========================================================= */
.single-post .post_title {
    font-family: Poppins, sans-serif !important;
    font-weight: 700 !important;
    color: #16263a !important;
    letter-spacing: -.5px;
}
.single-post .entry-content {
    font-family: Inter, sans-serif;
    font-size: 16.5px;
    line-height: 1.8;
    color: #3d4a58;
}
.single-post .entry-content p { margin: 0 0 18px; }
.single-post .entry-content h2 {
    font-family: Poppins, sans-serif; font-weight: 700; font-size: 26px;
    color: #16263a; margin: 36px 0 12px; line-height: 1.25;
}
.single-post .entry-content h3 {
    font-family: Poppins, sans-serif; font-weight: 600; font-size: 20px;
    color: #16263a; margin: 28px 0 10px;
}
.single-post .entry-content a { color: #356ea6; text-decoration: underline; text-underline-offset: 2px; }
.single-post .entry-content a:hover { color: #1b4e7e; }
.single-post .entry-content ul, .single-post .entry-content ol { margin: 0 0 18px; padding-left: 22px; }
.single-post .entry-content li { margin-bottom: 8px; }
.single-post .entry-content img { border-radius: 14px; height: auto; }
.single-post .entry-content blockquote {
    border-left: 4px solid #356ea6; background: #f5f8fb; margin: 22px 0;
    padding: 14px 20px; border-radius: 0 12px 12px 0; color: #42566a;
}
/* Caja CTA reutilizable dentro de entradas */
.cm-post-cta {
    background: linear-gradient(125deg,#356ea6 0%,#1b4e7e 55%,#002949 100%);
    border-radius: 16px; padding: 26px 28px; margin: 30px 0; text-align: center;
}
.cm-post-cta p { color: #e7f0f9 !important; font-size: 15px; margin: 0 0 16px !important; }
.cm-post-cta h3 { color: #fff !important; margin: 0 0 8px !important; font-family: Poppins,sans-serif; }
.cm-post-cta .cm-post-btn {
    display: inline-block; background: #fff; color: #1b4e7e !important;
    font-family: Poppins,sans-serif; font-weight: 600; font-size: 15px;
    text-decoration: none !important; padding: 12px 26px; border-radius: 12px;
}

/* =========================================================
   RENDIMIENTO — fuente Inter con font-display:swap
   El tema la sirve sin font-display (texto invisible mientras carga).
   Re-declaramos con swap (misma URL → sin doble descarga) para que el
   texto se pinte de inmediato con fuente de sistema y cambie al cargar.
   ========================================================= */
/* (18/10/2026) Quitada la @font-face «Inter» de rango completo que apuntaba a Inter-roman-var.woff2 (219 KB): cualquier símbolo fuera del subconjunto latino, como ✓, la descargaba entera. Los símbolos usados van en una micro-fuente (Inter-symbols-var.woff2). */

/* Rendimiento (18/10/2026): las @font-face latinas de Inter (Elementor y «Inter var») las genera
   ahora functions.php (carmove_inter_faces) apuntando a la copia que Elementor ya autoaloja, para
   que todas usen UN solo archivo; el subconjunto del tema (fonts/Inter-latin-var.woff2) queda de
   respaldo. La fuente completa de arriba cubre solo los caracteres no latinos. */

/* "Donde tú quieras" destacado como primer ítem del desplegable Puntos de Entrega */
/* ===== Home: tarjetas Atocha / Flexibilidad — armonizar tipografía + glass (2026-06-16) ===== */

/* Efecto glass (frosted) en las dos columnas-tarjeta */
/* ===== fin tarjetas glass home ===== */

/* ===== Home: bloque "Explora Madrid a tu ritmo" — panel glass + tipografía (2026-06-16) ===== */
/* ===== fin bloque Explora Madrid ===== */

/* ===== Home hero 5ed88028: el botón "Buscar coche ahora" no se corta/solapa con el fin de la sección ===== */
/* ===== fin fix botón hero ===== */

/* ===== Home hero: imagen Cibeles+flota — contraste (degradado izq) + texto claro (2026-06-16) ===== */
/* ===== fin contraste hero ===== */

/* ===== Home hero: anclar fondo abajo para no cortar los coches ===== */
/* ===== fin anclaje hero ===== */

/* ===== Home hero H1: placa de cristal (glass) detrás del titular (2026-06-16) ===== */
/* ===== fin glass H1 hero ===== */

/* ===== Móvil: pulido apertura hero (2026-06-16) ===== */
/* ===== fin móvil hero ===== */

/* ===== Móvil: hero con imagen vertical dedicada (coche protagonista) (2026-06-16) ===== */
/* ===== fin hero movil dedicado ===== */

/* ===== Móvil hero v2: coche más abajo + espacio para que el botón no lo tape (2026-06-16) ===== */
/* ===== fin hero movil v2 ===== */

/* ===== Barra superior de identidad / slogan (2026-06-16) ===== */
.cm-topbar{
    background:linear-gradient(125deg,#356ea6 0%,#1b4e7e 55%,#002949 100%);
    color:#ffffff; text-align:center; font-size:13px; font-weight:600;
    letter-spacing:.2px; padding:7px 14px; line-height:1.35; position:relative; z-index:6;
}
.cm-topbar__sub{ font-weight:400; opacity:.9; }
@media (max-width:767px){
    .cm-topbar{ font-size:12px; padding:6px 12px; }
    .cm-topbar__sub{ display:none; }
}
/* ===== fin barra slogan ===== */

/* ===== Móvil hero v3: coche recortado (capa) sobre degradado CSS — tamaño fijo, nunca se corta (2026-06-16) ===== */
/* ===== fin hero movil v3 ===== */

/* ===== Móvil: tarjeta-buscador (facade) sobre el hero — estilo Sixt (2026-06-16) ===== */
.cm-search-facade{ display:none; }
@media (max-width:767px){
    .cm-search-facade{
        display:block; background:#ffffff; border-radius:16px; padding:13px 13px 14px;
        box-shadow:0 16px 36px -10px rgba(0,0,0,.45); margin-top:10px; cursor:pointer;
        -webkit-tap-highlight-color:transparent;
    }
    .cm-sf__label{ font-size:11.5px; color:#5f5e5a; font-weight:600; margin-bottom:6px; }
    .cm-sf__field{ display:flex; align-items:center; gap:8px; border:1px solid #dbe0e6; border-radius:10px; padding:11px 10px; font-size:13px; color:#16263a; margin-bottom:8px; }
    .cm-sf__dates{ display:flex; gap:8px; margin-bottom:11px; }
    .cm-sf__date{ flex:1; border:1px solid #dbe0e6; border-radius:10px; padding:10px; font-size:12.5px; color:#56606b; }
    .cm-sf__btn{ background:linear-gradient(125deg,#356ea6,#1b4e7e); color:#fff; text-align:center; border-radius:11px; padding:13px; font-size:15px; font-weight:700; letter-spacing:.2px; }
    }
/* ===== fin facade buscador ===== */

/* ===== Móvil hero: aligerar para que la tarjeta-buscador entre completa (2026-06-16) ===== */
@media (max-width:767px){

/* tarjeta un pelín más arriba y coche algo menor */
    .cm-search-facade{ margin-top:12px !important; }
        }
/* ===== fin aligerar hero movil ===== */

/* ===== Móvil hero v4: coche en ::after (evita lazyload de bg multi-capa) (2026-06-16) ===== */
/* ===== fin hero movil v4 ===== */

/* ===== Móvil hero v5: coche como <img> real (robusto a RUCSS+lazyload) (2026-06-16) ===== */
.cm-hero-car{ display:none; }
@media (max-width:767px){
        .cm-hero-car{
        display:block !important; position:absolute !important;
        left:50% !important; bottom:0 !important; transform:translateX(-50%) !important;
        width:94% !important; max-width:380px !important; height:auto !important;
        z-index:0 !important; pointer-events:none !important;
    }
    .cm-search-facade{ position:relative !important; z-index:2 !important; }
}
/* ===== fin coche img movil ===== */

/* ===== Móvil hero v6: coche en FLUJO (estático) bajo la tarjeta — render garantizado (2026-06-16) ===== */
@media (max-width:767px){
    .cm-hero-car{
        display:block !important; position:static !important; transform:none !important;
        width:82% !important; max-width:340px !important; height:auto !important;
        margin:16px auto 0 !important;
    }
    }
/* ===== fin coche flujo movil ===== */

/* ===== fin hueco header-hero ===== */

/* ===== Coche decorativo en el hero de las landings (solo escritorio) (2026-06-16) ===== */
.cm-loc-hero{ position:relative; overflow:hidden; }
.cm-loc-hero .cm-loc-pin{ display:none !important; }
.cm-loc-hero::after{
    content:""; position:absolute; right:2.5%; bottom:0;
    width:42%; max-width:440px; height:82%;
    background-repeat:no-repeat; background-position:right bottom; background-size:contain;
    z-index:0; pointer-events:none;
}
.cm-loc-hero > *{ position:relative; z-index:1; }
@media (max-width:880px){ .cm-loc-hero::after{ display:none !important; } }
/* ===== fin coche landings ===== */

/* ===== Coche decorativo en la home (banda "Reserva con Carmove" 8fc5826, solo escritorio) (2026-06-16) ===== */
/* ===== fin coche home ===== */


/* ===== Hero escritorio 2-col: texto izq + formulario mybooking der (2026-06-16) ===== */
/* ===== fin hero escritorio formulario ===== */

/* ===== Form mybooking en hero: tarjeta blanca (todas las pantallas) + toggle móvil (2026-06-16) ===== */
@media (max-width:767px){
            body.cm-form-open .cm-search-facade{ display:none !important; }
    }
/* ===== fin toggle form movil ===== */

/* ===== Ensanchar el formulario del hero para que los campos se vean completos (2026-06-16) ===== */
/* ===== fin ensanchar form ===== */

/* ===== Equilibrar hero 2-col: H1 más compacto para columna estrecha (2026-06-16) ===== */
/* ===== fin equilibrar hero ===== */

/* ===== fin form fill ===== */

/* ===== Hero escritorio: quitar el padding-right 50% heredado para que las 2 columnas usen todo el ancho (2026-06-16) ===== */
/* ===== fin hero padding ===== */

/* ===== Móvil: apilar campos del formulario mybooking en vertical (2026-06-16) ===== */
/* ===== fin apilar form movil ===== */

/* ===== Tarjeta-acceso móvil clara (no campos falsos) (2026-06-16) ===== */
.cm-search-facade .cm-sf__bar{
    display:flex; align-items:center; gap:10px;
    border:1px solid #dbe0e6; border-radius:12px; padding:14px 14px; margin-bottom:12px;
    font-size:14.5px; color:#46505c; background:#f6f9fc; font-weight:500;
}
.cm-search-facade .cm-sf__bar .cm-sf__arrow{ margin-left:auto; color:#356ea6; flex:0 0 auto; }
.cm-search-facade:active .cm-sf__bar{ background:#eef3f9; }
/* ===== fin tarjeta acceso ===== */


/* === Selector de idioma TP compacto en header (fix bandera gigante móvil) === */
.cm-hd-lang .trp-flag-image, .cm-hd-lang img.trp-flag-image, img.trp-flag-image{width:24px!important;height:18px!important;max-width:24px!important;min-width:0!important;display:inline-block!important;vertical-align:middle!important;border-radius:2px!important}
.cm-hd-lang{max-width:130px!important;display:inline-flex!important;align-items:center;width:auto!important}
.cm-hd-lang .trp-language-switcher,.cm-hd-lang .trp-ls-shortcode-language,.cm-hd-lang .trp-ls-shortcode-current-language,.cm-hd-lang .trp-ls-shortcode-disabled-language{display:inline-flex!important;align-items:center;width:auto!important;max-width:130px!important}
.cm-hd-lang a{display:inline-flex!important;align-items:center;gap:6px}


/* === Selector idioma en barra superior (solo móvil, compacto) === */
.cm-topbar{position:relative;overflow:visible}
.cm-topbar__lang{display:none}
@media(max-width:1024px){
  .cm-topbar__lang{display:inline-flex!important;align-items:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:20}
  .cm-topbar__lang .trp-flag-image{width:20px!important;height:15px!important;max-width:20px!important}
  .cm-topbar__lang .trp-language-switcher,.cm-topbar__lang .trp-ls-shortcode-language,.cm-topbar__lang .trp-ls-shortcode-current-language,.cm-topbar__lang .trp-ls-disabled-language{display:inline-flex!important;align-items:center}
  .cm-topbar__lang .trp-language-switcher{max-width:60px}
  .cm-hd-lang{display:none!important}
}


/* === codigos ES/EN movil topbar === */
@media(max-width:1024px){
  .cm-topbar__lang .trp-flag-image{display:none!important}
  .cm-topbar__lang .trp-language-item-name{font-size:0!important;line-height:1!important}
  .cm-topbar__lang a[title="Spanish"] .trp-language-item-name::after,.cm-topbar__lang a[title="Espanol"] .trp-language-item-name::after,.cm-topbar__lang a[title="Espa\00f1ol"] .trp-language-item-name::after{content:"ES"}
  .cm-topbar__lang a[title="English"] .trp-language-item-name::after,.cm-topbar__lang a[title="Ingles"] .trp-language-item-name::after,.cm-topbar__lang a[title="Ingl\00e9s"] .trp-language-item-name::after{content:"EN"}
  .cm-topbar__lang .trp-language-item-name::after{font-size:13px!important;font-weight:700!important;color:#fff!important;letter-spacing:.3px}
  .cm-topbar__lang{right:14px}
  .cm-topbar__lang .trp-shortcode-disabled-language,.cm-topbar__lang .trp-language-item__current{padding:2px 4px}
}


/* TOGGLE-ALWAYS-ON: selector ES|EN visible en desktop y movil */
.cm-topbar{position:relative;overflow:visible}
.cm-topbar__lang{display:inline-flex!important;align-items:center;position:absolute!important;right:16px;top:50%;transform:translateY(-50%);z-index:30}


/* === Landings de mercado US/UK (.cm-mkt) === */
.cm-mkt{color:#1f2a37;line-height:1.6}.cm-mkt *{box-sizing:border-box}.cm-mkt-hero{background:linear-gradient(135deg,#356ea6,#27537d);color:#fff;padding:64px 20px;text-align:center}.cm-mkt-hero h1{font-size:2.4rem;margin:0 0 12px;font-weight:800;color:#fff}.cm-mkt-hero p{font-size:1.15rem;max-width:680px;margin:0 auto 24px;opacity:.95}.cm-mkt-cta{display:inline-block;background:#fff;color:#356ea6;font-weight:700;padding:14px 30px;border-radius:40px;text-decoration:none;box-shadow:0 6px 18px rgba(16,38,58,.18);transition:background-color .2s ease,transform .2s ease}.cm-mkt-cta:hover,.cm-mkt-cta:focus-visible{background:#eef4fa;color:#2b5c8c;transform:translateY(-1px)}.cm-mkt-wrap{max-width:1080px;margin:0 auto;padding:56px 20px}.cm-mkt-wrap h2{font-size:1.7rem;font-weight:800;text-align:center;margin:0 0 8px}.cm-mkt-sub{text-align:center;color:#5b6b7d;max-width:640px;margin:0 auto 36px}.cm-mkt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.cm-mkt-card{background:#fff;border:1px solid #e6ecf2;border-radius:14px;padding:24px;box-shadow:0 4px 18px rgba(20,50,80,.05)}.cm-mkt-card h3{margin:0 0 8px;font-size:1.1rem;color:#356ea6}.cm-mkt-card p{margin:0;color:#5b6b7d;font-size:.97rem}.cm-mkt-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.cm-mkt-step{padding:24px;background:#f4f8fb;border-radius:14px}.cm-mkt-step b{display:block;font-size:1.05rem;margin-bottom:4px}.cm-mkt-faq{max-width:760px;margin:0 auto}.cm-mkt-faq details{border-bottom:1px solid #e6ecf2;padding:16px 0}.cm-mkt-faq summary{font-weight:700;cursor:pointer;color:#1f2a37}.cm-mkt-faq p{color:#5b6b7d;margin:10px 0 0}.cm-mkt-info{background:#f4f8fb;border-radius:16px;padding:32px}.cm-mkt-info ul{margin:0;padding-left:20px}.cm-mkt-info li{margin-bottom:10px;color:#3a4a5c}.cm-mkt-final{text-align:center;background:#1f2a37;color:#fff;padding:48px 20px;border-radius:16px}.cm-mkt-final h2{color:#fff}@media(max-width:600px){.cm-mkt-hero h1{font-size:1.8rem}}


/* kicker bandera + coche decorativo heroes mercado */
.cm-mkt-hero{position:relative;overflow:hidden}.cm-mkt-hero>*{position:relative;z-index:2}.cm-mkt-hero::after{content:"";position:absolute;right:0;bottom:0;width:360px;height:200px;background-repeat:no-repeat;background-position:bottom right;background-size:contain;opacity:.97;z-index:1;pointer-events:none}.cm-mkt-kicker{display:inline-flex;align-items:center;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:16px;background:rgba(255,255,255,.14);padding:7px 15px;border-radius:30px;color:#fff}@media(max-width:980px){.cm-mkt-hero::after{display:none}}

/* =========================================================
   ÁREA DE CLIENTE en la cabecera (16/10/2026) → clientes.carmove.es
   Escritorio: pastilla con icono y texto, entre WhatsApp y «Reserva ahora».
   Tablet y móvil: solo el icono, junto al menú.
   ========================================================= */
.cm-hd-cli {
    display: inline-flex; align-items: center; gap: 8px;
    height: 42px; padding: 0 16px; border-radius: 999px;
    border: 1px solid #e0e8f0; background: #fff;
    color: #16263a !important; font-weight: 500; font-size: 15px; line-height: 1;
    text-decoration: none !important; white-space: nowrap;
    transition: border-color .15s ease, color .15s ease, background .15s ease;
}
.cm-hd-cli:hover, .cm-hd-cli:focus-visible { border-color: #356ea6; color: #356ea6 !important; }
.cm-hd-cli svg { display: block; flex: 0 0 auto; color: #356ea6; }
@media (max-width: 1024px) {
    .cm-hd-cli { width: 42px; padding: 0; justify-content: center; }
    .cm-hd-cli-txt { display: none; }
}

/* Fase 3 (18/10/2026): el tema usaba «Inter var» (copia del tema) y Elementor «Inter» (otra
   copia): dos descargas de la misma fuente. La tipografía por defecto pasa a «Inter», que ya
   carga Elementor (si una página no la declara, vale la copia latina de arriba). */
:root { --font-family: "Inter", sans-serif; }

/* Fase 4 (18/10/2026) · accesibilidad y conversión */
/* /reservar/ (página 2703, también en /en/book-now/ y /pt/reserva-2/): la barra fija
   «Reservar ahora» tapaba los botones del formulario y llevaba a la misma página. */
body.page-id-2703 .cm-mobile-cta { display: none !important; }
/* Enlaces dentro de textos: azul de marca con contraste suficiente (5,3:1; antes #2194f3 daba 3,2:1)
   y subrayados, para que no se distingan solo por el color. */
.single-post .entry-content a:not(.elementor-button),
.single-post .post_meta a,
.single-post nav.post-navigation .nav-previous a,
.single-post nav.post-navigation .nav-next a { color: #356ea6; }
.single-post .entry-content p a:not(.elementor-button),
.cm-feat-grid p a { text-decoration: underline; text-underline-offset: 2px; }

/* Blog (18/10/2026): el banner de cada entrada es una imagen 1200×630 con el título dentro.
   En móvil, la altura fija del tema (35vh) con «cover» recortaba los lados y cortaba el texto:
   ahora la cabecera mantiene la proporción de la imagen y se ve entera. */
@media (max-width: 767px) {
    .single-post .post_header { height: auto; aspect-ratio: 1200 / 630; }
}