.elementor-kit-6{--e-global-color-primary:#3A5A40;--e-global-color-secondary:#FFFFFF;--e-global-color-text:rgba(255,255,255,0.55);--e-global-color-accent:#000000;--e-global-color-cfondoalt:#040404;--e-global-color-csuperf:#0D0D0D;--e-global-color-clinea:rgba(255,255,255,0.06);--e-global-color-clineaf:rgba(255,255,255,0.15);--e-global-color-coscuro:#000000;--e-global-color-acentoclaro:#53935E;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:72px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-line-height:1em;--e-global-typography-primary-letter-spacing:-0.025em;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:48px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-line-height:1.375em;--e-global-typography-secondary-letter-spacing:-0.025em;--e-global-typography-text-font-family:"Outfit";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-line-height:1.625em;--e-global-typography-text-letter-spacing:0em;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-line-height:1.43em;--e-global-typography-accent-letter-spacing:0.025em;--e-global-typography-thero-font-family:"Outfit";--e-global-typography-thero-font-size:80px;--e-global-typography-thero-font-weight:400;--e-global-typography-thero-text-transform:none;--e-global-typography-thero-line-height:1em;--e-global-typography-thero-letter-spacing:-0.005em;--e-global-typography-teyebrow-font-family:"Outfit";--e-global-typography-teyebrow-font-size:11px;--e-global-typography-teyebrow-font-weight:400;--e-global-typography-teyebrow-text-transform:uppercase;--e-global-typography-teyebrow-line-height:1.5em;--e-global-typography-teyebrow-letter-spacing:0.4em;--e-global-typography-tfeature-font-family:"Outfit";--e-global-typography-tfeature-font-size:16px;--e-global-typography-tfeature-font-weight:700;--e-global-typography-tfeature-text-transform:none;--e-global-typography-tfeature-line-height:1.5em;--e-global-typography-tfeature-letter-spacing:-0.025em;--e-global-typography-tstat-font-family:"Outfit";--e-global-typography-tstat-font-size:40px;--e-global-typography-tstat-font-weight:400;--e-global-typography-tstat-text-transform:none;--e-global-typography-tstat-line-height:1.1em;--e-global-typography-tstat-letter-spacing:-0.025em;--e-global-typography-tstatlbl-font-family:"Outfit";--e-global-typography-tstatlbl-font-size:10px;--e-global-typography-tstatlbl-font-weight:400;--e-global-typography-tstatlbl-text-transform:uppercase;--e-global-typography-tstatlbl-line-height:1.5em;--e-global-typography-tstatlbl-letter-spacing:0.26em;background-color:#000000;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6{--e-global-typography-primary-font-size:52px;--e-global-typography-secondary-font-size:35px;--e-global-typography-text-font-size:13px;--e-global-typography-accent-font-size:10px;--e-global-typography-thero-font-size:58px;--e-global-typography-teyebrow-font-size:8px;--e-global-typography-tfeature-font-size:12px;--e-global-typography-tstat-font-size:29px;--e-global-typography-tstatlbl-font-size:7px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-primary-font-size:37px;--e-global-typography-secondary-font-size:25px;--e-global-typography-text-font-size:11px;--e-global-typography-accent-font-size:11px;--e-global-typography-thero-font-size:42px;--e-global-typography-teyebrow-font-size:11px;--e-global-typography-tfeature-font-size:11px;--e-global-typography-tstat-font-size:21px;--e-global-typography-tstatlbl-font-size:11px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ============ CHM Cars - estilos globales ============ */
/* Lo del Home esta en un widget HTML dentro de la pagina de Inicio. */

/* Header pegajoso: se opaca al hacer scroll. */
.elementor-location-header { transition: background-color .3s ease; }
.elementor-location-header .elementor-sticky--effects {
  background-color: rgba(0,0,0,.94) !important;
  backdrop-filter: blur(12px);
}

/* Enlaces */
a { text-decoration: none; }
.elementor-widget-text-editor a {
  color: var(--e-global-color-secondary);
  border-bottom: 1px solid rgba(255,255,255,.25);
}
.elementor-widget-text-editor a:hover {
  color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}

/* Botones */
.elementor-button { transition: opacity .2s ease; }
.elementor-button:hover { opacity: .88; }

/* ====================== MOVIL ======================
   La referencia resuelve su header de telefono en UNA fila de 81px: logo de 28px
   a la izquierda y hamburguesa de 40x40 pegada a la derecha. El nuestro se partia
   en dos filas de 175px porque el contenedor que agrupa el menu y el boton es
   `e-con-full` (ancho 100%) y forzaba el salto. */
@media (max-width: 767px) {
  .elementor-location-header > .e-con > .e-con-inner { flex-wrap: nowrap; gap: 10px; padding-block: 18px; }
  .elementor-location-header > .e-con > .e-con-inner > .e-con { width: auto; flex: 0 0 auto; padding: 0; gap: 12px; }
  /* El widget de menu mide 82px aunque su lista este oculta: lo dejamos del alto
     de la hamburguesa, que es lo unico que se ve en telefono. */
  .elementor-location-header .elementor-widget-nav-menu { height: 44px; display: flex; align-items: center; }

  /* El desplegable venia EN FLUJO y de 89px de ancho: se abria dentro del header,
     empujandolo, con items de 17px de alto imposibles de tocar. Sale del flujo,
     se cuelga debajo del header y ocupa todo el ancho. */
  /* Los dos contenedores intermedios son `position: relative` y el desplegable se
     anclaba a ellos (44px y 159px de ancho). Pasan a static para que se ancle al
     header entero y salga a todo el ancho. */
  .elementor-location-header > .e-con { position: relative; }
  .elementor-location-header > .e-con > .e-con-inner > .e-con,
  .elementor-location-header .elementor-widget-nav-menu { position: static; }
  /* Elementor le pone `margin-top: 10px` al desplegable con la regla
     `.elementor-nav-menu--dropdown.elementor-nav-menu__container`. Eso dejaba una
     franja transparente entre el header negro y el menu. Se anula sumando esa
     misma clase al .elementor-kit-6 (gana por especificidad, sin necesidad de !important). */
  .elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute; top: 100%; left: 0; right: 0; width: auto;
    margin-top: 0;
    border-top: 1px solid rgba(255,255,255,.08);
  }
  /* El fondo va con !important porque el CSS que genera el widget tiene la misma
     especificidad que este y gana por orden: sin esto el menu queda transparente
     y se lee el contenido de la pagina por detras. */
  .elementor-location-header .elementor-nav-menu--dropdown,
  .elementor-location-header .elementor-nav-menu--dropdown .elementor-nav-menu {
    background-color: rgba(0,0,0,.97) !important;
    backdrop-filter: blur(12px);
  }
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item {
    min-height: 52px; display: flex; align-items: center; padding: 0 24px; font-size: 16px;
    color: #fff !important;
  }
  .elementor-location-header .elementor-nav-menu--dropdown a.elementor-item-active {
    color: var(--e-global-color-primary) !important; background-color: rgba(255,255,255,.06) !important;
  }
  /* `width: auto` a secas no alcanza: el ancho que fija el widget (172px) gana por
     especificidad y el logo sale estirado. Con el alto fijo y el ancho libre
     mantiene su proporcion (3.42). */
  .elementor-location-header img { height: 32px !important; width: auto !important; }
  .elementor-location-header .elementor-menu-toggle { width: 44px; height: 44px; }

  /* iOS hace zoom sobre la pagina al enfocar un campo de menos de 16px, y despues
     no vuelve solo. Es la razon por la que los formularios de telefono se agrandan. */
  .elementor-field-textual, .elementor-field-textual::placeholder { font-size: 16px !important; }

  /* Los filtros de Nuevos/Usados median 42px: al minimo tactil de 44. */
  .e-filter-item { min-height: 44px; }

  /* En telefono el widget los centra; en escritorio van a la izquierda y asi
     quedaban dos criterios distintos en la misma pagina. */
  /* `.chm-filtros .e-filter` empata en especificidad con el CSS que genera el
     widget y pierde por orden. Sumando `.elementor-element` gana, sin !important. */
  .elementor-element.chm-filtros .e-filter { justify-content: flex-start; }

  /* Los enlaces del pie median 15px de alto: imposibles de acertar con el dedo. */
  .elementor-location-footer .elementor-nav-menu a,
  .elementor-location-footer .elementor-widget-text-editor a { display: inline-flex; align-items: center; min-height: 44px; }
}/* End custom CSS */