/* =========================================================
   FILTROS VEHÍCULOS
========================================================= */

.fm-filtros-form {
  width: 100%;
}

.fm-filtros-box {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 18px;
  padding: 22px;
  box-shadow: none;
}

/* HEADER FILTROS */

.fm-filtros-head {
  margin-bottom: 18px;
}

.fm-filtros-title {
  margin: 0 0 6px;
  font-size: 22px;
  font-weight: 700;
  color: #111827;
}

.fm-filtros-texto {
  margin: 0;
  font-size: 14px;
  color: #6b7280;
}

/* GRID FILTROS */

.fm-filtros-grid {
  display: grid;
  gap: 16px;
}

/* ITEM FILTRO */

.fm-filtro-item {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.fm-filtro-label {
  font-size: 13px;
  font-weight: 600;
  color: #374151;
}

/* SELECT */

.fm-filtro-select {
  appearance: none;
  width: 100%;
  height: 42px;
  padding: 0 12px;

  font-size: 14px;
  color: #111827;

  border: 1px solid #d1d5db;
  border-radius: 10px;

  background: #ffffff;

  transition: border-color .18s ease, box-shadow .18s ease;
}

.fm-filtro-select:focus {
  outline: none;
  border-color: #217B93;
  box-shadow: 0 0 0 2px rgba(33,123,147,0.15);
}

/* BOTONES */
/* =========================================================
   BOTONES FILTROS
========================================================= */

.fm-filtro-acciones {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}

.fm-filtro-acciones > * {
  flex: 1;
}

.fm-boton-filtrar,
.fm-boton-limpiar {
  display: block;
  width: 100%;

  height: 44px;
  line-height: 44px;
  text-align: center;

  font-size: 15px;
  font-weight: 600;

  border: none;
  border-radius: 12px;

  color: #ffffff;
  text-decoration: none;

  cursor: pointer;

  padding: 0;
}


.fm-boton-filtrar{
  background: #36a6ee;
}

.fm-boton-limpiar{
  background: #1c5f96;
}



.fm-boton-filtrar:hover,
.fm-boton-limpiar:hover{
  color:#ffffff;
  filter:brightness(.92);
  transform:translateY(-1px);
  box-shadow:0 5px 14px rgba(54,166,238,.35);
}

.fm-boton-filtrar:active,
.fm-boton-limpiar:active{
  transform:translateY(1px);
  box-shadow:inset 0 2px 6px rgba(0,0,0,.25);
}
/* BORDE IGUAL QUE RESERVA / CITA */

.fm-boton-filtrar,
.fm-boton-limpiar{
  border: 1px solid #7cc8f4;
}