hr{border-top:1px solid rgba(102,102,102,.4);}
.impl_bread_wrapper:before{content:"";display:block;}
.nav-link{display:block;padding:.5em 1em;border:1px solid #ffffff3d;border-radius:7px;}
.pointer{cursor:pointer;}
.logo-sm{
  max-height: 72px;     /* o 80px */
  max-width: 100px;
  width: auto;
  height: auto;
  object-fit: contain;
  margin: 20px !important;
}
.icon-semi{max-width:28px}
.portada{width:100%;height:320px;background-size:cover;background-position:center;border-radius:6px}
.vehicle-card{transition:opacity .25s ease, transform .25s ease;}
.vehicle-card.hidden{opacity:0;transform:translateY(12px);pointer-events:none;}
.filter-select, .filter-clear{
  width:100%;background:#fff;border:1px solid #000;padding:12px 20px;
  font-size:14px;font-weight:500;line-height:1.2;cursor:pointer;
}
.filter-select:hover,.filter-select:focus{background:#000;color:#fff;outline:none;}
.filter-clear:hover{background:#000;color:#fff;}

/* 1) Flechas de los filtros: más margen a la derecha */
.filter-select{
  /* más espacio para la flecha y el texto */
  padding-right: 3.75rem;            /* antes ~3em */
  background-position: calc(100% - 1.75rem) 50%;
  background-origin: padding-box;     /* evita que se “pegue” al borde */
}

/* 2) Alinear el bloque de Color con los demás (desktop) */
.bottom-features .row.align-items-center .col-lg-4.d-flex{
  align-items: center;
  gap: 12px;                          /* separa ícono y texto */
}
.bottom-features .row.align-items-center .col-lg-4.d-flex .icon-semi{
  max-width: 28px;
  width: 28px;                        /* tamaño consistente del ícono */
  height: auto;
  flex: 0 0 28px;
}
.bottom-features .row.align-items-center .col-lg-4.d-flex .title-settings{
  margin: 0;
  line-height: 1.1;
}
.bottom-features .row.align-items-center .col-lg-4.d-flex .title-settings span{
  display: block;
  margin-top: 2px;
}

/* 3) Evitar que “Kilometraje” (y demás valores) se partan en 2 líneas */
.title-settings span{
  white-space: nowrap;
}

/* (opcional) normalizar todos los íconos de specs */
.icon-semi{
  width: 28px;
  height: auto;
  object-fit: contain;
}

/* Close en esquina superior derecha (HubSpot y Galería) */
#hubspotModal .modal-content,
#imagenesModal .modal-content {
  position: relative; /* referencia para el botón */
}

#hubspotModal .close,
#imagenesModal .close {
  position: absolute;
  top: 10px;
  right: 12px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font-size: 28px;      /* o 1.75rem */
  line-height: 1;
  opacity: .75;
  z-index: 2;
}

#hubspotModal .close:hover,
#imagenesModal .close:hover {
  opacity: 1;
}