/*
 * CMKAutos · capa de diseño (mu-plugin cmkautos, includes/diseno.php)
 *
 * Identidad: rojo de marca #D40000 para las acciones, negro carbón para encabezado y pie,
 * superficies blancas y grises fríos para el catálogo, tipografía Muli del tema.
 * Todas las reglas van bajo body.cmk-ui para ganar a Vehica y Elementor sin !important;
 * los !important que quedan pisan estilos en línea o reglas de Elementor por ID de elemento.
 * Las clases cmk-* las pone el paso 15 en Elementor (ver docs/pasos-migracion.md).
 */

/* ── Tipografía de títulos ──────────────────────────────────────────────── */
/* Saira (SIL OFL 1.1), variable en peso y anchura, servida desde el plugin: sin dependencia
   externa. Ancha y deportiva, en línea con el logo; solo para títulos y precios. */
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600 800;
  font-stretch: 100% 125%;
  font-display: swap;
  src: url(fuentes/saira-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Tokens ─────────────────────────────────────────────────────────────── */
:root {
  --cmk-titulos: 'Saira', 'Muli', system-ui, sans-serif;
  --cmk-titulos-ancho: 112.5%;
  --cmk-rojo: #d40000;
  --cmk-rojo-hover: #b30000;
  --cmk-rojo-suave: #fdeeee;
  --cmk-carbon: #0b0d12;
  --cmk-carbon-2: #151922;
  --cmk-carbon-3: #222732;
  --cmk-texto: #1a1f29;
  --cmk-texto-2: #4a5263;   /* 7.6:1 sobre blanco */
  --cmk-texto-3: #5f6878;   /* 5.5:1 sobre blanco, 5.0:1 sobre --cmk-fondo */
  --cmk-linea: #e4e7ec;
  --cmk-fondo: #f4f5f7;
  --cmk-blanco: #fff;
  --cmk-sobre-oscuro: rgb(255 255 255 / 0.92);
  --cmk-sobre-oscuro-2: rgb(255 255 255 / 0.68);  /* 9.4:1 sobre --cmk-carbon */
  --cmk-linea-oscura: rgb(255 255 255 / 0.1);

  --cmk-radio-s: 8px;
  --cmk-radio: 14px;
  --cmk-radio-l: 20px;

  --cmk-sombra-1: 0 1px 2px rgb(16 24 40 / 0.05), 0 1px 3px rgb(16 24 40 / 0.07);
  --cmk-sombra-2: 0 2px 4px -2px rgb(16 24 40 / 0.06), 0 12px 24px -8px rgb(16 24 40 / 0.16);
  --cmk-sombra-3: 0 8px 16px -4px rgb(16 24 40 / 0.08), 0 28px 56px -16px rgb(16 24 40 / 0.28);
  --cmk-contorno-imagen: oklch(0 0 0 / 0.1);
  --cmk-foco: 0 0 0 3px var(--cmk-blanco), 0 0 0 5px var(--cmk-rojo);

  --cmk-ancho: 1280px;
  --cmk-margen: clamp(16px, 4vw, 32px);
  --cmk-curva: cubic-bezier(0.2, 0.8, 0.2, 1);
  --cmk-rapido: 160ms;
  --cmk-medio: 260ms;
}

/* ── Base ───────────────────────────────────────────────────────────────── */
body.cmk-ui {
  color: var(--cmk-texto);
  background: var(--cmk-blanco);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
body.cmk-ui ::selection { background: var(--cmk-rojo); color: #fff; }

body.cmk-ui :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: none;
  box-shadow: var(--cmk-foco);
  border-radius: var(--cmk-radio-s);
}

/* Títulos de sección: jerarquía por tamaño y peso, sin mayúsculas forzadas */
body.cmk-ui :is(.vehica-tabs-top-v2__heading, .vehica-tabs-top-v1__heading-big, .vehica-heading__title,
  .cmk-titulo .elementor-heading-title, .elementor-element-90908a4 .elementor-heading-title) {
  font-family: var(--cmk-titulos) !important;
  font-stretch: var(--cmk-titulos-ancho);
  font-size: clamp(28px, 2.6vw, 40px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  line-height: 1.15 !important;
  color: var(--cmk-texto) !important;
  text-transform: none;
}

/* Contenedor centrado para las secciones de contenido (no para los sliders) */
/* Solo las secciones de la portada y el pie: la plantilla general (12599) envuelve todo el sitio,
   encabezado incluido, y debe seguir a todo el ancho. */
body.cmk-ui .elementor-23408 > .elementor-section:not(.cmk-hero):not(:has(rs-module-wrap)) > .elementor-container,
body.cmk-ui .cmk-pie > .elementor-container {
  max-width: calc(var(--cmk-ancho) + 2 * var(--cmk-margen));
  padding-inline: var(--cmk-margen);
  margin-inline: auto;
}

/* ── Botones ────────────────────────────────────────────────────────────── */
body.cmk-ui .elementor-button,
body.cmk-ui .vehica-button {
  border-radius: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  transition: background-color var(--cmk-rapido) var(--cmk-curva), color var(--cmk-rapido) var(--cmk-curva),
    box-shadow var(--cmk-rapido) var(--cmk-curva), transform var(--cmk-rapido) var(--cmk-curva), border-color var(--cmk-rapido) var(--cmk-curva);
}
body.cmk-ui .elementor-button {
  padding: 15px 26px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
}
body.cmk-ui .elementor-button:hover,
body.cmk-ui .vehica-button:hover {
  box-shadow: 0 8px 20px -8px rgb(212 0 0 / 0.55);
}
body.cmk-ui :is(.elementor-button, .vehica-button):active { transform: translateY(1px); }

/* Secundario: «Ver todos…», «Agregar reseña» */
body.cmk-ui .cmk-btn-sec .elementor-button {
  background: var(--cmk-blanco) !important;
  color: var(--cmk-texto) !important;
  border: 1px solid var(--cmk-linea) !important;
  box-shadow: var(--cmk-sombra-1);
}
body.cmk-ui .cmk-btn-sec .elementor-button:hover {
  border-color: var(--cmk-texto) !important;
  box-shadow: var(--cmk-sombra-2);
}

/* ── Encabezado (menú de Vehica) ────────────────────────────────────────── */
/* La barra es fija (Vehica la saca del flujo): fondo en la propia barra, a todo el ancho, y el
   contenido centrado con relleno, alineado con el resto de la página. */
body.cmk-ui .vehica-menu__desktop { background: var(--cmk-carbon) !important; height: 72px !important; }
body.cmk-ui .vehica-menu__desktop .vehica-menu__wrapper {
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  max-width: none !important;
  height: 72px !important;
  background: rgb(11 13 18 / 0.94) !important;
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid var(--cmk-linea-oscura);
  padding-inline: max(var(--cmk-margen), calc((100% - var(--cmk-ancho)) / 2)) !important;
}
body.cmk-ui .vehica-menu__desktop .vehica-logo img { max-height: 30px !important; width: auto; }
body.cmk-ui .vehica-menu__desktop .vehica-menu > * { height: auto !important; display: flex; align-items: center; margin: 0 2px !important; flex-shrink: 0; }
body.cmk-ui .vehica-menu__desktop .vehica-menu__link {
  height: auto !important;
  white-space: nowrap;
  line-height: 1.4 !important;
  color: var(--cmk-sobre-oscuro-2) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 8px 14px !important;
  border-radius: 10px;
  transition: color var(--cmk-rapido) var(--cmk-curva), background-color var(--cmk-rapido) var(--cmk-curva);
}
body.cmk-ui .vehica-menu__desktop .vehica-menu__link:hover,
body.cmk-ui .vehica-menu__desktop .current-menu-item > .vehica-menu__link {
  color: #fff !important;
  background: rgb(255 255 255 / 0.08);
}
body.cmk-ui .vehica-menu__desktop .vehica-menu__link::before,
body.cmk-ui .vehica-menu__desktop .vehica-menu__link::after { display: none !important; }
body.cmk-ui .vehica-menu-desktop-login-register-link,
body.cmk-ui .vehica-menu-desktop-login-register-link a { display: inline-flex !important; align-items: center; gap: 8px; white-space: nowrap; }
body.cmk-ui .vehica-menu-desktop-login-register-link,
body.cmk-ui .vehica-menu-desktop-login-register-link a { color: var(--cmk-sobre-oscuro-2) !important; font-size: 14px !important; font-weight: 600; }
body.cmk-ui .vehica-menu-desktop-login-register-link:hover a { color: #fff !important; }
body.cmk-ui .vehica-menu__desktop .vehica-button {
  background: var(--cmk-rojo) !important;
  border: 0 !important;
  color: #fff !important;
  height: 44px !important;
  min-height: 0 !important;
  padding: 0 20px !important;
  font-size: 15px !important;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
body.cmk-ui .vehica-menu__desktop .vehica-button,
body.cmk-ui .vehica-menu__desktop .vehica-button * { color: #fff !important; }
body.cmk-ui .vehica-menu__desktop .vehica-button:hover { background: var(--cmk-rojo-hover) !important; }

/* Logo a la izquierda, navegación a la derecha; «Evaluar mi vehículo» es la acción principal */
body.cmk-ui .vehica-menu__desktop .vehica-menu__left { flex: 1 1 auto !important; }
body.cmk-ui .vehica-menu__desktop .vehica-menu__container { margin-left: auto; }
body.cmk-ui .vehica-menu__desktop .vehica-menu__link[href*="evaluar-mi-vehiculo"] {
  background: var(--cmk-rojo);
  color: #fff !important;
  margin-left: 10px;
  padding: 11px 20px !important;
  border-radius: 12px;
  box-shadow: 0 6px 18px -8px rgb(212 0 0 / 0.7);
}
body.cmk-ui .vehica-menu__desktop .vehica-menu__link[href*="evaluar-mi-vehiculo"]:hover { background: var(--cmk-rojo-hover); color: #fff !important; }
body.cmk-ui .vehica-mobile-menu__nav a[href*="evaluar-mi-vehiculo"] { color: var(--cmk-rojo) !important; font-weight: 800 !important; }

/* Móvil */
body.cmk-ui .vehica-mobile-menu__wrapper { background: var(--cmk-carbon) !important; border-bottom: 1px solid var(--cmk-linea-oscura); }

/* ── Héroe: slider + buscador flotante ──────────────────────────────────── */
body.cmk-ui .cmk-hero .elementor-widget-spacer { display: none; }
body.cmk-ui .cmk-hero { background: var(--cmk-carbon); }

body.cmk-ui .cmk-buscador {
  background: linear-gradient(var(--cmk-carbon) 0 50%, var(--cmk-blanco) 50% 100%) !important;
  padding: 0 !important;
  position: relative;
  z-index: 3;
}
body.cmk-ui .cmk-buscador > .elementor-container {
  background: var(--cmk-blanco);
  border-radius: var(--cmk-radio-l);
  box-shadow: var(--cmk-sombra-3);
  padding: 14px !important;
  max-width: min(1040px, calc(100% - 2 * var(--cmk-margen))) !important;
  margin-inline: auto;
  align-items: center;
  gap: 12px;
}
body.cmk-ui .cmk-buscador .elementor-column:empty,
body.cmk-ui .cmk-buscador .elementor-column:not(:has(.elementor-widget)) { display: none; }
body.cmk-ui .cmk-buscador .elementor-column { width: auto !important; flex: 0 0 auto; }
body.cmk-ui .cmk-buscador .elementor-column:has(.vehica-search-classic-v2) { flex: 1 1 auto; }
body.cmk-ui .cmk-buscador .elementor-widget-wrap { padding: 0 !important; }
body.cmk-ui .cmk-buscador .elementor-column:has(.elementor-widget-button) {
  border-left: 1px solid var(--cmk-linea);
  padding-left: 14px;
}

body.cmk-ui .vehica-search-classic-v2__inner { background: transparent !important; box-shadow: none !important; padding: 0 !important; height: auto !important; }
body.cmk-ui .vehica-search-classic-v2-mask-bottom { display: none !important; }
body.cmk-ui .vehica-search-classic-v2__fields { gap: 10px; }
body.cmk-ui .vehica-search-classic-v2 .vehica-search__field,
body.cmk-ui .vehica-search-classic-v2 .vehica-search__field .vs__dropdown-toggle {
  background: var(--cmk-fondo) !important;
  border: 1px solid transparent !important;
  border-radius: 12px !important;
  min-height: 52px;
  box-shadow: none !important;
  transition: border-color var(--cmk-rapido) var(--cmk-curva), background-color var(--cmk-rapido) var(--cmk-curva);
}
body.cmk-ui .vehica-search-classic-v2 .vehica-search__field:hover,
body.cmk-ui .vehica-search-classic-v2 .vehica-search__field:focus-within {
  background: var(--cmk-blanco) !important;
  border-color: var(--cmk-linea) !important;
}
body.cmk-ui .vehica-search-classic-v2 .vehica-search__field * { font-size: 15px !important; color: var(--cmk-texto); }

/* Selectores (vue-select): el foco se dibuja en el campo entero, no en el input interno */
body.cmk-ui .vs__search:focus-visible { box-shadow: none !important; }
body.cmk-ui .v-select:not(.vs--open):has(.vs__search:focus-visible) .vs__dropdown-toggle { box-shadow: var(--cmk-foco) !important; }
body.cmk-ui .vehica-search__field .v-select.vs--open .vs__dropdown-toggle { background: var(--cmk-blanco) !important; border-color: var(--cmk-texto-3) !important; }
body.cmk-ui .vs__dropdown-menu {
  top: calc(100% + 6px) !important;
  margin-top: 0 !important;
  padding: 6px !important;
  border: 1px solid var(--cmk-linea) !important;
  border-radius: 12px !important;
  background: var(--cmk-blanco) !important;
  box-shadow: var(--cmk-sombra-3) !important;
  min-width: 100%;
}
body.cmk-ui .vs__dropdown-option { padding: 9px 12px !important; border-radius: 8px; }
body.cmk-ui .vs__dropdown-option--highlight { background: var(--cmk-fondo) !important; color: var(--cmk-texto) !important; }
body.cmk-ui .vs__dropdown-option--highlight * { color: var(--cmk-texto) !important; }
body.cmk-ui .vs__dropdown-option--selected { font-weight: 700; }
body.cmk-ui .vehica-option__count { color: var(--cmk-texto-3) !important; font-variant-numeric: tabular-nums; }
body.cmk-ui .vehica-search-classic-v2__search-button-wrapper .vehica-button {
  height: 52px !important;
  min-width: 56px;
  padding: 0 18px !important;
  border-radius: 12px !important;
}
body.cmk-ui .cmk-buscador .elementor-widget-button .elementor-button {
  height: 52px;
  display: inline-flex !important;
  align-items: center;
  padding: 0 22px !important;
  background: var(--cmk-carbon) !important;
  color: #fff !important;
  white-space: nowrap;
}
body.cmk-ui .cmk-buscador .elementor-widget-button .elementor-button:hover {
  background: var(--cmk-carbon-3) !important;
  box-shadow: var(--cmk-sombra-2);
}

/* ── Ventajas (sección nueva del paso 15) ───────────────────────────────── */
body.cmk-ui .cmk-ventajas { padding: clamp(48px, 6vw, 80px) 0 clamp(24px, 3vw, 40px) !important; background: var(--cmk-blanco) !important; }
body.cmk-ui .cmk-ventajas > .elementor-container { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
body.cmk-ui .cmk-ventajas > .elementor-container > .elementor-column { width: auto !important; }
body.cmk-ui .cmk-ventajas .elementor-widget-wrap { padding: 0 !important; height: 100%; }
body.cmk-ui .cmk-ventaja { height: 100%; }
body.cmk-ui .cmk-ventaja > .elementor-widget-container {
  height: 100%;
  padding: 26px 24px !important;
  border: 1px solid var(--cmk-linea);
  border-radius: var(--cmk-radio-l);
  background: var(--cmk-blanco);
  transition: border-color var(--cmk-medio) var(--cmk-curva), box-shadow var(--cmk-medio) var(--cmk-curva), transform var(--cmk-medio) var(--cmk-curva);
}
body.cmk-ui .cmk-ventaja:hover > .elementor-widget-container {
  border-color: transparent;
  box-shadow: var(--cmk-sombra-2);
  transform: translateY(-3px);
}
body.cmk-ui .cmk-ventaja .elementor-icon-box-wrapper { text-align: left !important; display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
body.cmk-ui .cmk-ventaja .elementor-icon-box-icon { margin: 0 !important; }
body.cmk-ui .cmk-ventaja .elementor-icon {
  width: 52px; height: 52px;
  display: inline-grid !important; place-items: center;
  font-size: 20px !important;
  border-radius: 50%;
  background: var(--cmk-carbon) !important;
  color: #fff !important;
  fill: #fff !important;
  padding: 0 !important;
  transition: background-color var(--cmk-medio) var(--cmk-curva);
}
body.cmk-ui .cmk-ventaja:hover .elementor-icon { background: var(--cmk-rojo) !important; }
body.cmk-ui .cmk-ventaja .elementor-icon * { color: #fff !important; fill: #fff !important; }
body.cmk-ui .cmk-ventaja .elementor-icon i,
body.cmk-ui .cmk-ventaja .elementor-icon svg { width: 20px; height: 20px; font-size: 20px; }
body.cmk-ui .cmk-ventaja .elementor-icon-box-title { margin: 0 0 6px !important; font-family: var(--cmk-titulos) !important; font-stretch: var(--cmk-titulos-ancho); font-size: 19px !important; font-weight: 700 !important; color: var(--cmk-texto) !important; line-height: 1.3; }
body.cmk-ui .cmk-ventaja .elementor-icon-box-title a { color: inherit !important; }
body.cmk-ui .cmk-ventaja .elementor-icon-box-description { margin: 0; font-size: 15px !important; line-height: 1.55 !important; color: var(--cmk-texto-2) !important; }

/* ── Marcas ─────────────────────────────────────────────────────────────── */
body.cmk-ui .cmk-marcas { background: var(--cmk-blanco) !important; padding: 8px 0 !important; }
body.cmk-ui .cmk-marcas .elementor-widget-spacer { display: none; }
body.cmk-ui .cmk-marcas > .elementor-container {
  border-block: 1px solid var(--cmk-linea);
  padding-block: 18px !important;
}
body.cmk-ui .cmk-marcas .elementor-widget-wrap { padding: 0 !important; }
body.cmk-ui .cmk-marcas .vehica-carousel-term-img img {
  max-height: 46px !important;
  width: auto !important;
  filter: grayscale(1);
  opacity: 0.55;
  transition: opacity var(--cmk-medio) var(--cmk-curva), filter var(--cmk-medio) var(--cmk-curva);
}
body.cmk-ui .cmk-marcas a:hover img,
body.cmk-ui .cmk-marcas .vehica-swiper-slide:hover img { filter: none; opacity: 1; }
body.cmk-ui .cmk-marcas .vehica-swiper-slide { display: flex; align-items: center; justify-content: center; height: 72px !important; }

/* Flechas de carrusel y galería: un solo estilo en todo el sitio. Pareja de botones cuadrados
   redondeados: «anterior» blanco, «siguiente» rojo (la dirección habitual es avanzar).
   Vehica dibuja además un círculo propio de 55 px en ::before (rosado al pasar el ratón en la
   galería); se anula para que solo quede este botón. */
body.cmk-ui .vehica-carousel__arrow,
body.cmk-ui .vehica-testimonial-carousel__nav {
  width: 44px !important;
  height: 44px !important;
  min-width: 0 !important;
  border-radius: 12px !important;
  background: var(--cmk-blanco) !important;
  border: 1px solid var(--cmk-linea) !important;
  box-shadow: var(--cmk-sombra-1) !important;
  color: var(--cmk-texto) !important;
  display: inline-grid !important;
  place-items: center;
  padding: 0 !important;
  cursor: pointer;
  transition: border-color var(--cmk-rapido) var(--cmk-curva), box-shadow var(--cmk-rapido) var(--cmk-curva),
    background-color var(--cmk-rapido) var(--cmk-curva), transform var(--cmk-medio) var(--cmk-curva), opacity var(--cmk-medio) var(--cmk-curva);
}
body.cmk-ui .vehica-carousel__arrow::before { display: none !important; }
body.cmk-ui .vehica-carousel__arrow::after { color: inherit !important; font-size: 15px !important; line-height: 1 !important; }
body.cmk-ui .vehica-testimonial-carousel__nav i { color: inherit !important; font-size: 14px !important; }
body.cmk-ui :is(.vehica-carousel__arrow--right, .vehica-testimonial-carousel__nav--next) {
  background: var(--cmk-rojo) !important;
  border-color: var(--cmk-rojo) !important;
  color: #fff !important;
  box-shadow: 0 6px 16px -8px rgb(212 0 0 / 0.7) !important;
}
body.cmk-ui :is(.vehica-carousel__arrow--left, .vehica-testimonial-carousel__nav--prev):hover { border-color: var(--cmk-texto) !important; box-shadow: var(--cmk-sombra-2) !important; }
body.cmk-ui :is(.vehica-carousel__arrow--right, .vehica-testimonial-carousel__nav--next):hover { background: var(--cmk-rojo-hover) !important; border-color: var(--cmk-rojo-hover) !important; }
body.cmk-ui :is(.vehica-carousel__arrow, .vehica-testimonial-carousel__nav):active { transform: scale(0.96); }
/* Sobre la foto de la galería: sin borde, con sombra para despegarse de la imagen */
body.cmk-ui .vehica-car-gallery__arrows .vehica-carousel__arrow { border-color: transparent !important; box-shadow: var(--cmk-sombra-2) !important; }
body.cmk-ui .vehica-carousel__arrow--left,
body.cmk-ui .vehica-carousel__arrow--right { margin-top: -22px !important; }

/* ── Catálogo ───────────────────────────────────────────────────────────── */
body.cmk-ui .cmk-catalogo,
body.cmk-ui .cmk-destacados { padding-block: clamp(40px, 5vw, 72px) !important; }
body.cmk-ui .cmk-catalogo .elementor-widget-spacer,
body.cmk-ui .cmk-destacados .elementor-widget-spacer { display: none; }
body.cmk-ui .cmk-catalogo .elementor-widget-heading { margin-top: clamp(48px, 6vw, 80px) !important; margin-bottom: 24px !important; }
body.cmk-ui .cmk-catalogo .elementor-widget-button,
body.cmk-ui .cmk-destacados .elementor-widget-button { margin-top: 28px !important; }

/* Tarjeta de vehículo */
body.cmk-ui .vehica-car-card__inner {
  background: var(--cmk-blanco) !important;
  border-radius: var(--cmk-radio) !important;
  border: 1px solid var(--cmk-linea);
  box-shadow: var(--cmk-sombra-1);
  overflow: hidden;
  transition: box-shadow var(--cmk-medio) var(--cmk-curva), transform var(--cmk-medio) var(--cmk-curva), border-color var(--cmk-medio) var(--cmk-curva);
  height: 100%;
}
body.cmk-ui .vehica-car-card:hover .vehica-car-card__inner {
  transform: translateY(-4px);
  box-shadow: var(--cmk-sombra-2);
  border-color: transparent;
}
/* Ojo: el primer .vehica-car-card__image es una capa transparente encima de la foto; no darle fondo. */
body.cmk-ui .vehica-car-card__image-bg { border-radius: 0 !important; overflow: hidden; background-color: var(--cmk-fondo) !important; }
body.cmk-ui .vehica-car-card__image-bg img {
  transition: transform 600ms var(--cmk-curva);
}
body.cmk-ui .vehica-car-card:hover .vehica-car-card__image-bg img { transform: scale(1.045); }
body.cmk-ui .vehica-car-card__image-info,
body.cmk-ui .vehica-car-card__image__favorite {
  background: rgb(11 13 18 / 0.55) !important;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  color: #fff !important;
  border-radius: 999px !important;
}
body.cmk-ui .vehica-car-card__image-info { padding: 3px 9px !important; font-size: 12px !important; font-weight: 700; bottom: 10px !important; right: 10px !important; left: auto !important; width: auto !important; height: auto !important; }
body.cmk-ui .vehica-car-card__image-info * { color: #fff !important; }
body.cmk-ui .vehica-car-card__image__favorite { width: 32px !important; height: 32px !important; display: grid !important; place-items: center; left: 10px !important; bottom: 10px !important; }
body.cmk-ui .vehica-car-card__image__favorite i { color: #fff !important; font-size: 13px !important; }

body.cmk-ui .vehica-car-card__content { padding: 16px 18px 18px !important; background: transparent !important; }
body.cmk-ui .vehica-car-card__name {
  color: var(--cmk-texto) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  margin: 0 0 6px !important;
}
body.cmk-ui .vehica-car-card__price {
  color: var(--cmk-texto) !important;
  font-family: var(--cmk-titulos) !important;
  font-stretch: var(--cmk-titulos-ancho);
  font-size: 22px !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  font-variant-numeric: tabular-nums;
  margin: 0 0 14px !important;
}
body.cmk-ui .vehica-car-card__separator { background: var(--cmk-linea) !important; margin: 0 0 14px !important; }
body.cmk-ui .vehica-car-card__info { display: flex; flex-wrap: wrap; gap: 6px; }
body.cmk-ui .vehica-car-card__info__single,
body.cmk-ui .vehica-car-card__info__single:first-child {
  background: var(--cmk-fondo) !important;
  color: var(--cmk-texto-2) !important;
  border-radius: 8px !important;
  height: 28px !important;
  line-height: 28px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  font-variant-numeric: tabular-nums;
}
body.cmk-ui .vehica-car-card__info__single::before,
body.cmk-ui .vehica-car-card__info__single::after { display: none !important; }

/* Tarjeta grande del widget «featured» de Vehica (ya no está en la portada; queda por si se vuelve a usar) */
body.cmk-ui .vehica-featured-v1__big-card .vehica-car-card__inner { display: flex; flex-direction: column; }
body.cmk-ui .vehica-featured-v1__big-card .vehica-car-card__price { font-size: 30px !important; }
body.cmk-ui .vehica-featured-v1__big-card .vehica-car-card__name { font-size: 22px !important; }

/* «Destacados» (cmk-destacados): panel oscuro redondeado dentro de la página, con tarjetas oscuras.
   Es el único bloque oscuro entre el buscador y el pie: la vitrina del inventario. «Ofertas» va
   después, en claro, en su propia sección (cmk-ofertas, la separa el paso 15). */
body.cmk-ui .cmk-destacados {
  background: var(--cmk-blanco) !important;
  padding: clamp(32px, 4vw, 56px) var(--cmk-margen) 0 !important;
}
body.cmk-ui .cmk-destacados .elementor-widget-spacer { display: none; }
body.cmk-ui .cmk-destacados .vehica-tabs-top-v2__heading { color: #fff !important; }
body.cmk-ui .cmk-destacados .vehica-tabs-top-v2 { background: transparent !important; }
body.cmk-ui .cmk-ofertas { padding-top: clamp(48px, 6vw, 80px) !important; }
body.cmk-ui .cmk-ofertas .elementor-widget-heading { margin-top: 0 !important; }
body.cmk-ui .cmk-destacados > .elementor-container {
  max-width: var(--cmk-ancho) !important;
  margin-inline: auto;
  padding: clamp(28px, 4vw, 56px) clamp(16px, 3.5vw, 48px) !important;
  border-radius: 28px;
  background:
    radial-gradient(90% 70% at 100% 0%, rgb(212 0 0 / 0.16), transparent 60%),
    radial-gradient(70% 60% at 0% 100%, #1a2030, transparent 70%),
    var(--cmk-carbon);
  box-shadow: var(--cmk-sombra-3);
  overflow: hidden;
}
body.cmk-ui .cmk-destacados .elementor-widget-wrap { padding: 0 !important; }
body.cmk-ui .cmk-destacados .vehica-tabs-top-v1__heading-big { color: #fff !important; }
body.cmk-ui .cmk-destacados .vehica-tabs-top-v1,
body.cmk-ui .cmk-destacados .vehica-tabs-top-v1 * { background: transparent !important; }
body.cmk-ui .cmk-destacados .vehica-car-card__inner {
  background: var(--cmk-carbon-2) !important;
  border-color: var(--cmk-linea-oscura);
  box-shadow: none;
}
body.cmk-ui .cmk-destacados .vehica-car-card:hover .vehica-car-card__inner {
  border-color: rgb(255 255 255 / 0.22);
  box-shadow: 0 20px 44px -18px rgb(0 0 0 / 0.8);
}
body.cmk-ui .cmk-destacados .vehica-car-card__image-bg { background-color: var(--cmk-carbon-3) !important; }
body.cmk-ui .cmk-destacados :is(.vehica-car-card__name, .vehica-car-card__price) { color: #fff !important; }
body.cmk-ui .cmk-destacados .vehica-car-card__separator { background: var(--cmk-linea-oscura) !important; }
body.cmk-ui .cmk-destacados .vehica-car-card__info__single,
body.cmk-ui .cmk-destacados .vehica-car-card__info__single:first-child {
  background: rgb(255 255 255 / 0.07) !important;
  color: var(--cmk-sobre-oscuro-2) !important;
}
body.cmk-ui .cmk-destacados .vehica-car-card__content,
body.cmk-ui .cmk-destacados .vehica-car-card__bottom { background: transparent !important; }
body.cmk-ui .cmk-destacados .cmk-btn-sec .elementor-button {
  background: transparent !important;
  color: #fff !important;
  border-color: rgb(255 255 255 / 0.28) !important;
  box-shadow: none;
}
body.cmk-ui .cmk-destacados .cmk-btn-sec .elementor-button:hover { border-color: #fff !important; background: rgb(255 255 255 / 0.06) !important; }

/* ── Sedes (sección nueva del paso 15) ──────────────────────────────────── */
/* Fondo gris claro: separa «Ofertas» de las reseñas, ambas en blanco */
body.cmk-ui .cmk-sedes {
  background: var(--cmk-fondo) !important;
  padding-block: clamp(56px, 7vw, 96px) !important;
  color: var(--cmk-texto);
}
body.cmk-ui .cmk-sedes .cmk-titulo .elementor-heading-title { color: var(--cmk-texto) !important; }
body.cmk-ui .cmk-sedes .cmk-entradilla { max-width: 620px; }
body.cmk-ui .cmk-sedes .cmk-entradilla p { color: var(--cmk-texto-2) !important; font-size: 17px; line-height: 1.6; margin: 0; }
body.cmk-ui .cmk-sedes__fila > .elementor-container { gap: 20px; }
body.cmk-ui .cmk-sedes__fila .elementor-widget-wrap { padding: 0 !important; }
body.cmk-ui .cmk-sede img {
  width: 100% !important;
  aspect-ratio: 768 / 213;
  object-fit: cover;
  border-radius: var(--cmk-radio) !important;
  outline: 1px solid var(--cmk-contorno-imagen);
  outline-offset: -1px;
  box-shadow: var(--cmk-sombra-1);
  transition: transform var(--cmk-medio) var(--cmk-curva), box-shadow var(--cmk-medio) var(--cmk-curva);
}
body.cmk-ui .cmk-sede a:hover img { transform: translateY(-3px); box-shadow: var(--cmk-sombra-2); }
body.cmk-ui .cmk-sede .widget-image-caption,
body.cmk-ui .cmk-sede figcaption {
  color: var(--cmk-texto-3) !important;
  font-size: 14px !important;
  margin-top: 12px !important;
  text-align: left;
}
body.cmk-ui .cmk-sedes .elementor-widget-button .elementor-button { background: var(--cmk-rojo) !important; color: #fff !important; }
body.cmk-ui .cmk-sedes .cmk-btn-sec .elementor-button { background: var(--cmk-blanco) !important; color: var(--cmk-texto) !important; }
body.cmk-ui .cmk-sedes .cmk-acciones > .elementor-widget-container,
body.cmk-ui .cmk-sedes .cmk-acciones .elementor-widget-wrap { display: flex; flex-wrap: wrap; gap: 12px; }
body.cmk-ui .cmk-sedes .cmk-acciones .elementor-widget { width: auto !important; margin: 0 !important; }

/* ── Reseñas ────────────────────────────────────────────────────────────── */
body.cmk-ui .cmk-resenas { padding-block: clamp(56px, 7vw, 96px) !important; background: var(--cmk-blanco) !important; }
body.cmk-ui .cmk-resenas .elementor-widget-spacer { display: none; }
body.cmk-ui .vehica-heading__icon { display: none !important; }
body.cmk-ui .cmk-resenas .vehica-heading { margin-bottom: 0 !important; padding-bottom: 0 !important; }
body.cmk-ui .cmk-resenas .vehica-testimonial-carousel { margin-top: 8px !important; }
body.cmk-ui .vehica-testimonial-carousel__testimonial {
  background: var(--cmk-fondo) !important;
  border: 1px solid transparent !important;
  border-radius: var(--cmk-radio-l) !important;
  box-shadow: none !important;
  padding: 36px 32px 30px !important;
  margin-top: 32px !important;
  transition: background-color var(--cmk-medio) var(--cmk-curva), box-shadow var(--cmk-medio) var(--cmk-curva);
}
body.cmk-ui .vehica-swiper-slide-active .vehica-testimonial-carousel__testimonial {
  background: var(--cmk-blanco) !important;
  border-color: var(--cmk-linea) !important;
  box-shadow: var(--cmk-sombra-2) !important;
}
body.cmk-ui .vehica-testimonial-carousel__stars { color: #f5a400 !important; letter-spacing: 2px; }
body.cmk-ui .vehica-testimonial-carousel__stars * { color: #f5a400 !important; }
body.cmk-ui .vehica-testimonial-carousel__text { font-size: 17px !important; line-height: 1.6 !important; color: var(--cmk-texto) !important; font-style: normal !important; }
body.cmk-ui .vehica-testimonial-carousel__name { font-size: 15px !important; font-weight: 800 !important; color: var(--cmk-texto) !important; }
body.cmk-ui .swiper-pagination-bullet { background: var(--cmk-linea) !important; opacity: 1 !important; width: 8px !important; height: 8px !important; border-radius: 4px !important; transition: width var(--cmk-medio) var(--cmk-curva), background-color var(--cmk-medio) var(--cmk-curva); }
body.cmk-ui .swiper-pagination-bullet-active { background: var(--cmk-rojo) !important; width: 24px !important; }

/* ── Pie ────────────────────────────────────────────────────────────────── */
body.cmk-ui .cmk-pie {
  background: var(--cmk-carbon) !important;
  color: var(--cmk-sobre-oscuro-2);
  border-top: 1px solid var(--cmk-linea-oscura);
}
body.cmk-ui .cmk-pie .elementor-widget-spacer { display: none; }
body.cmk-ui .cmk-pie > .elementor-container { padding-top: clamp(48px, 6vw, 72px) !important; }
body.cmk-ui .cmk-pie__columnas > .elementor-container { gap: 32px; align-items: flex-start; }
body.cmk-ui .cmk-pie__columnas .elementor-widget-wrap { padding: 0 !important; align-content: flex-start; }
body.cmk-ui .cmk-pie__columnas .elementor-widget:not(:last-child) { margin-bottom: 0 !important; }
body.cmk-ui .cmk-pie .vehica-logo-widget img { max-height: 34px !important; width: auto; }
body.cmk-ui .cmk-pie .cmk-pie__lema p { color: var(--cmk-sobre-oscuro-2) !important; font-size: 15px; line-height: 1.6; margin: 14px 0 0; max-width: 300px; }
body.cmk-ui .cmk-pie .cmk-pie__titulo .elementor-heading-title {
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin-bottom: 14px;
}
body.cmk-ui .cmk-pie .elementor-icon-list-item { padding: 5px 0 !important; }
body.cmk-ui .cmk-pie .elementor-icon-list-text { color: var(--cmk-sobre-oscuro-2) !important; font-size: 15px !important; transition: color var(--cmk-rapido) var(--cmk-curva); }
body.cmk-ui .cmk-pie .elementor-icon-list-icon i,
body.cmk-ui .cmk-pie .elementor-icon-list-icon svg { color: var(--cmk-sobre-oscuro-2) !important; fill: currentColor; font-size: 14px !important; width: 16px; }
body.cmk-ui .cmk-pie a:hover .elementor-icon-list-text,
body.cmk-ui .cmk-pie a:hover .elementor-icon-list-icon i { color: #fff !important; }
body.cmk-ui .cmk-pie .elementor-divider-separator { border-color: var(--cmk-linea-oscura) !important; }
body.cmk-ui .cmk-pie .elementor-widget-divider { margin-block: 32px 8px !important; }
body.cmk-ui .cmk-pie .execs--hide > .elementor-container { align-items: center; justify-content: flex-start; }
body.cmk-ui .cmk-pie .execs--hide .elementor-column { width: auto !important; }
body.cmk-ui .cmk-pie .elementor-widget-text-editor,
body.cmk-ui .cmk-pie .elementor-widget-text-editor p { color: var(--cmk-sobre-oscuro-2) !important; font-size: 14px !important; }
body.cmk-ui .cmk-pie .elementor-social-icon {
  background: rgb(255 255 255 / 0.06) !important;
  border-radius: 12px !important;
  width: 40px; height: 40px;
  display: inline-grid; place-items: center;
  transition: background-color var(--cmk-rapido) var(--cmk-curva);
}
body.cmk-ui .cmk-pie .elementor-social-icon:hover { background: var(--cmk-rojo) !important; }
body.cmk-ui .cmk-pie .elementor-social-icon i,
body.cmk-ui .cmk-pie .elementor-social-icon svg { color: #fff !important; fill: #fff !important; font-size: 16px !important; width: 16px; height: 16px; }
body.cmk-ui .cmk-pie .cmk-pie__legal { padding-bottom: 28px; }
body.cmk-ui .cmk-pie .cmk-pie__legal .elementor-widget-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 6px 32px;
}
body.cmk-ui .cmk-pie .cmk-pie__legal p { margin: 0 !important; font-size: 13px !important; color: rgb(255 255 255 / 0.55) !important; }
/* Crédito «Con tecnología de CMNetwork», como en unexca.org */
body.cmk-ui .cmk-credito {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  min-height: 44px;
  align-content: center;
  font-size: 13px;
  color: rgb(255 255 255 / 0.55) !important;
  transition: color var(--cmk-rapido) var(--cmk-curva);
}
body.cmk-ui .cmk-credito img { display: block; width: auto; height: 11px; opacity: 0.92; transition: opacity var(--cmk-rapido) var(--cmk-curva); }
body.cmk-ui .cmk-credito:hover { color: #fff !important; }
body.cmk-ui .cmk-credito:hover img { opacity: 1; }

/* ── Inventario (búsqueda) ──────────────────────────────────────────────── */
body.cmk-ui .elementor-widget-vehica_breadcrumbs_general_widget > .elementor-widget-container {
  max-width: var(--cmk-ancho);
  margin-inline: auto !important;
  padding-inline: 0 !important;
}
@media (max-width: 1344px) {
  body.cmk-ui .elementor-widget-vehica_breadcrumbs_general_widget > .elementor-widget-container { padding-inline: var(--cmk-margen) !important; }
}
body.cmk-ui .vehica-breadcrumbs,
body.cmk-ui .vehica-breadcrumbs a { font-size: 14px !important; color: var(--cmk-texto-3) !important; }
body.cmk-ui .vehica-breadcrumbs .vehica-breadcrumbs__last,
body.cmk-ui .vehica-breadcrumbs span:last-child { color: var(--cmk-texto) !important; font-weight: 600; }
body.cmk-ui .vehica-inventory-v1__top,
body.cmk-ui .vehica-results__fields--wrapper { background: var(--cmk-fondo) !important; }
body.cmk-ui :is(.vehica-results__field, .vehica-inventory-v1__top) :is(.vs__dropdown-toggle, input[type="text"], input[type="number"]) {
  background: var(--cmk-blanco) !important;
  border: 1px solid var(--cmk-linea) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}
body.cmk-ui .vehica-car-row,
body.cmk-ui .vehica-car-card-row {
  border-radius: var(--cmk-radio) !important;
  border: 1px solid var(--cmk-linea) !important;
  box-shadow: var(--cmk-sombra-1) !important;
  background: var(--cmk-blanco) !important;
  overflow: hidden;
  transition: box-shadow var(--cmk-medio) var(--cmk-curva), border-color var(--cmk-medio) var(--cmk-curva);
}
body.cmk-ui :is(.vehica-car-row, .vehica-car-card-row):hover { box-shadow: var(--cmk-sombra-2) !important; border-color: transparent !important; }
body.cmk-ui :is(.vehica-car-row, .vehica-car-card-row) img { border-radius: 10px; }

/* Franja de filtros a todo el ancho; contenido alineado con el encabezado */
body.cmk-ui .vehica-inventory-v1__top { max-width: none !important; }
body.cmk-ui .vehica-inventory-v1__top__inner { max-width: var(--cmk-ancho) !important; margin-inline: auto; padding-inline: 0 !important; }
body.cmk-ui .vehica-inventory-v1__top__inner > * { padding-inline: 0 !important; margin-inline: 0 !important; }
@media (max-width: 1344px) {
  body.cmk-ui .vehica-inventory-v1__top__inner { padding-inline: var(--cmk-margen) !important; }
}
body.cmk-ui .vehica-inventory-v1 :is(.vehica-inventory-v1__middle, .vehica-inventory-v1__results, .vehica-inventory-v1__2-cols, .vehica-inventory-v1__pagination) {
  max-width: calc(var(--cmk-ancho) + 2 * var(--cmk-margen));
  margin-inline: auto;
  padding-inline: var(--cmk-margen);
}
body.cmk-ui .vehica-inventory-v1__results { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; }
body.cmk-ui .vehica-inventory-v1__results__card { width: auto !important; padding: 0 !important; margin: 0 !important; }
body.cmk-ui .vehica-inventory-v1__2-cols__left { flex: 1 1 auto !important; width: 100% !important; max-width: none !important; }
body.cmk-ui .vehica-inventory-v1__2-cols__right:not(:has(img, iframe, p, a)) { display: none !important; }
body.cmk-ui .vehica-car-card__info__single::after,
body.cmk-ui .vehica-car-card__info__single::before,
body.cmk-ui .vehica-car-card__info__single i { display: none !important; }
body.cmk-ui .vehica-car-card-row__name { font-weight: 700 !important; color: var(--cmk-texto) !important; }
body.cmk-ui :is(.vehica-car-card-row__price-desktop, .vehica-car-card__price-mobile) { color: var(--cmk-texto) !important; font-weight: 800 !important; font-variant-numeric: tabular-nums; }
body.cmk-ui.cmk-visitante .vehica-car-card-row__favorite { display: none !important; }

/* Botón flotante «Alerta de notificación»: discreto y sin tapar contenido */
body.cmk-ui .elementor-element-103497f,
body.cmk-ui .elementor-element-3713a0a .vehica-button { z-index: 50; }
body.cmk-ui .elementor-element-103497f .elementor-button {
  box-shadow: var(--cmk-sombra-3) !important;
  padding: 11px 18px !important;
  font-size: 14px !important;
}

/* ── Ficha de vehículo ──────────────────────────────────────────────────── */
body.cmk-ui.single-vehica_car .vehica-gallery-v1,
body.cmk-ui.single-vehica_car .vehica-swiper-container { border-radius: var(--cmk-radio-l); }
body.cmk-ui.single-vehica_car .vehica-gallery-v1 img,
body.cmk-ui.single-vehica_car .vehica-gallery-v1__main img { border-radius: var(--cmk-radio-l); }
body.cmk-ui.single-vehica_car .vehica-swiper-slide img { outline: 1px solid var(--cmk-contorno-imagen); outline-offset: -1px; }
body.cmk-ui.single-vehica_car .vehica-sticky .elementor-widget-wrap { gap: 0; }
body.cmk-ui.single-vehica_car .vehica-car-price,
body.cmk-ui.single-vehica_car .vehica-price-single-car,
body.cmk-ui.single-vehica_car [class*="vehica-car-price"] {
  font-family: var(--cmk-titulos) !important;
  font-stretch: var(--cmk-titulos-ancho);
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: 0;
  color: var(--cmk-texto) !important;
}
/* Contenido de la ficha alineado con el encabezado (la plantilla de Vehica va a todo el ancho) */
/* (las columnas de la plantilla ya traen 30 px de relleno a cada lado: hacen de margen) */
body.cmk-ui.single-vehica_car .elementor-top-section:not(.cmk-pie):not(:has(.vehica-menu)) > .elementor-container {
  max-width: calc(var(--cmk-ancho) + 60px) !important;
  margin-inline: auto;
}
@media (min-width: 768px) {
  body.cmk-ui.single-vehica_car .elementor-widget-vehica_breadcrumbs_general_widget > .elementor-widget-container { padding-inline: 0 !important; }
}
/* Precio y ficha técnica forman una sola tarjeta gris (en Vehica eran dos recuadros azulados con
   otro recuadro dentro); el recuadro «Evaluar vehículo» bajo la galería usa el mismo gris. */
body.cmk-ui.single-vehica_car :is(.elementor-element-0f8a261, .elementor-element-50edfc6, .elementor-element-5ed0f50) {
  background: var(--cmk-fondo) !important;
}
body.cmk-ui.single-vehica_car .elementor-element-0f8a261 { border-radius: var(--cmk-radio-l) var(--cmk-radio-l) 0 0 !important; }
body.cmk-ui.single-vehica_car .elementor-element-50edfc6 { border-radius: 0 0 var(--cmk-radio-l) var(--cmk-radio-l) !important; }
body.cmk-ui.single-vehica_car .elementor-element-50edfc6 > .elementor-container { border-top: 1px solid var(--cmk-linea); margin-inline: 24px; }
body.cmk-ui.single-vehica_car .elementor-element-5ed0f50 { border-radius: 0 0 var(--cmk-radio-l) var(--cmk-radio-l) !important; }
/* El precio comparte fila con «favoritos» (columna 7540650 al 50 %): nunca se parte en dos líneas,
   y para visitantes, que no ven favoritos, ocupa toda la fila. */
body.cmk-ui.single-vehica_car .vehica-car-price { white-space: nowrap; }
body.cmk-ui.single-vehica_car .elementor-element-a507d29 { max-width: none !important; }
body.cmk-ui.single-vehica_car.cmk-visitante .elementor-element-0f8a261 .elementor-element-7540650 { width: 100% !important; }
body.cmk-ui.single-vehica_car.cmk-visitante .elementor-element-0f8a261 .elementor-element-e2e2910 { display: none !important; }

/* Ficha técnica: cuadrícula de dos columnas, etiqueta pequeña encima del valor */
body.cmk-ui.single-vehica_car .vehica-car-attributes {
  background: transparent !important;
  border-radius: 0 !important;
  padding: 18px 4px 10px !important;
}
body.cmk-ui.single-vehica_car .vehica-car-attributes-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 24px;
  margin: 0 !important;
}
body.cmk-ui.single-vehica_car .vehica-car-attributes-grid > .vehica-grid__element { width: auto !important; padding: 0 !important; margin: 0 !important; }
body.cmk-ui.single-vehica_car .vehica-car-attributes-grid > .vehica-grid__element > .vehica-grid { display: flex !important; flex-direction: column; gap: 3px; margin: 0 !important; }
body.cmk-ui.single-vehica_car .vehica-car-attributes__name,
body.cmk-ui.single-vehica_car .vehica-car-attributes__values { width: auto !important; padding: 0 !important; margin: 0 !important; line-height: 1.35 !important; }
body.cmk-ui.single-vehica_car .vehica-car-attributes__name { font-size: 13px !important; color: var(--cmk-texto-3) !important; font-weight: 600 !important; }
body.cmk-ui.single-vehica_car .vehica-car-attributes__values { font-size: 16px !important; color: var(--cmk-texto) !important; font-weight: 700 !important; overflow-wrap: anywhere; }
body.cmk-ui.single-vehica_car .appointmentByWhatsapp .elementor-button { width: 100%; justify-content: center; padding-block: 17px !important; font-size: 17px !important; }
body.cmk-ui.single-vehica_car .vehica-car-name,
body.cmk-ui.single-vehica_car h1 {
  font-family: var(--cmk-titulos) !important;
  font-stretch: var(--cmk-titulos-ancho);
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  line-height: 1.15 !important;
}

/* ── Visitantes sin sesión: sin favoritos ni aviso de precio (exigen cuenta) ── */
body.cmk-ui.cmk-visitante .vehica-car-card__image__favorite,
body.cmk-ui.cmk-visitante .elementor-widget-vehica_add_to_favorite_single_car_widget,
body.cmk-ui.cmk-visitante .elementor-widget-vehica_add_to_favorite_single_car_widget + .elementor-widget-text-editor { display: none !important; }

/* ── Quiénes somos: fotos del equipo con la misma proporción (clase del paso 15) ── */
body.cmk-ui .cmk-equipo .elementor-widget-image img {
  width: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  object-position: 50% 20%;
  border-radius: var(--cmk-radio-l);
}
body.cmk-ui .cmk-sedes-banners .elementor-widget-image img { border-radius: var(--cmk-radio); }

/* ── Páginas de texto ───────────────────────────────────────────────────── */
body.cmk-ui.page:not(.home) .elementor-widget-text-editor { font-size: 17px; line-height: 1.65; color: var(--cmk-texto-2); }

/* ── Responsive ─────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  body.cmk-ui .cmk-ventajas > .elementor-container { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.cmk-ui .cmk-buscador > .elementor-container { flex-wrap: wrap; }
  body.cmk-ui .cmk-buscador .elementor-column { width: 100% !important; flex: 1 1 100%; }
  body.cmk-ui .cmk-buscador .elementor-column:has(.elementor-widget-button) { border-left: 0; padding-left: 0; }
  body.cmk-ui .cmk-buscador .elementor-widget-button .elementor-button { width: 100%; justify-content: center; }
}
@media (max-width: 767px) {
  /* «Alerta de notificación» (botón flotante) solo con el icono: no tapa «Solicitar cita» */
  body.cmk-ui .btg-button {
    font-size: 0 !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center;
    box-shadow: var(--cmk-sombra-3) !important;
  }
  body.cmk-ui .btg-button .btg-icon { font-size: 18px !important; margin: 0 !important; }
  body.cmk-ui .cmk-pie .cmk-pie__legal .elementor-widget-container { flex-direction: column; justify-content: center; text-align: center; gap: 0; }
  body.cmk-ui .cmk-ventajas > .elementor-container { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  body.cmk-ui .cmk-ventaja > .elementor-widget-container { padding: 20px !important; }
  body.cmk-ui .cmk-ventaja .elementor-icon-box-wrapper { flex-direction: row; gap: 16px; }
  body.cmk-ui .cmk-buscador { background: linear-gradient(var(--cmk-carbon) 0 32px, var(--cmk-blanco) 32px 100%) !important; }
  body.cmk-ui .cmk-buscador > .elementor-container { padding: 10px !important; border-radius: var(--cmk-radio); }
  body.cmk-ui .vehica-search-classic-v2__fields { flex-wrap: wrap; }
  body.cmk-ui .cmk-buscador .vehica-search-classic-v2,
  body.cmk-ui .cmk-buscador .vehica-search-classic-v2 > *,
  body.cmk-ui .cmk-buscador .vehica-search-classic-v2__fields--wrapper,
  body.cmk-ui .cmk-buscador .vehica-search-classic-v2__fields {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.cmk-ui .cmk-buscador > .elementor-container { padding: 14px !important; }
  body.cmk-ui .cmk-pie .execs--hide > .elementor-container { flex-direction: column; align-items: stretch; justify-content: center; gap: 12px; }
  body.cmk-ui .cmk-pie .execs--hide .elementor-column { width: 100% !important; }
  body.cmk-ui .cmk-pie .execs--hide .elementor-widget-container { text-align: center !important; }
  body.cmk-ui .cmk-pie .execs--hide .elementor-widget-text-editor,
  body.cmk-ui .cmk-pie .execs--hide .elementor-widget-text-editor p,
  body.cmk-ui .cmk-pie .execs--hide .elementor-social-icons-wrapper { text-align: center !important; justify-content: center; margin: 0 !important; }
  body.cmk-ui .cmk-sedes__fila > .elementor-container { gap: 16px; }
  body.cmk-ui .cmk-pie__columnas > .elementor-container { gap: 28px; }
  body.cmk-ui .vehica-testimonial-carousel__testimonial { padding: 28px 22px 24px !important; }
  body.cmk-ui .cmk-destacados > .elementor-container { border-radius: var(--cmk-radio-l); }
  body.cmk-ui.single-vehica_car .elementor-element-50edfc6 > .elementor-container { margin-inline: 16px; }
}

/* ── Movimiento reducido ────────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  body.cmk-ui *,
  body.cmk-ui *::before,
  body.cmk-ui *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
  body.cmk-ui .vehica-car-card:hover .vehica-car-card__inner,
  body.cmk-ui .cmk-ventaja:hover > .elementor-widget-container,
  body.cmk-ui .cmk-sede a:hover img { transform: none; }
  body.cmk-ui .vehica-car-card:hover .vehica-car-card__image-bg img { transform: none; }
}
