/* ========================= */
/* 🚗 SECCIÓN VEHÍCULOS */
/* ========================= */

.vehiculos-section{
  padding: 60px 5%;
  background: #0a1f44;
  color: white;
}

/* TÍTULO */
.titulo{
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
}

/* GRID PRINCIPAL */
.vehiculos-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(250px,1fr));
  gap: 25px;
}

/* CARD */
.card{
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

.card img{
  width: 100%;
  height: 180px;
  object-fit: cover;
  border-radius: 10px;
}

.card:hover{
  transform: scale(1.05);
}

/* ========================= */
/* 🔽 PANEL DETALLE */
/* ========================= */

.detalle{
  margin-top: 40px;
  background: #081733;
  padding: 30px;
  border-radius: 12px;
}

.hidden{
  display: none;
}

/* BOTÓN CERRAR */
.cerrar{
  float: right;
  cursor: pointer;
  font-size: 20px;
}

/* ========================= */
/* 🔥 GRID INTERNO (IMÁGENES + TEXTO) */
/* ========================= */

.detalle-grid{
  display: grid;
  grid-template-columns: 1.6fr 1fr; /* 🔥 imágenes más grandes */
  gap: 30px;
  margin-top: 20px;
}

/* ========================= */
/* 🖼️ IMÁGENES GRANDES */
/* ========================= */

.detalle-imgs{
  display: flex;
  gap: 15px;
  overflow-x: auto;
  scroll-behavior: smooth;
  padding-bottom: 5px;
}

/* SCROLL BONITO */
.detalle-imgs::-webkit-scrollbar{
  height: 6px;
}

.detalle-imgs::-webkit-scrollbar-thumb{
  background: #8b0000;
  border-radius: 10px;
}

/* IMAGEN */
.detalle-imgs img{
  height: 300px;        /* 🔥 tamaño grande */
  min-width: 260px;     /* 🔥 evita que se encojan */
  object-fit: cover;
  border-radius: 0px;
  flex: 0 0 auto;
  transition: 0.3s;
}

/* HOVER */
.detalle-imgs img:hover{
  transform: scale(1.08);
}

/* ========================= */
/* 📄 INFO */
/* ========================= */

.detalle-info h4{
  margin-top: 10px;
}

.detalle-info ul{
  padding-left: 18px;
  margin-top: 10px;
}

.detalle-info li{
  margin-bottom: 6px;
}