@import url("vehicle-tools.css?v=1");

/* Ficha individual: descripción junto a la galería, inspirada en la composición del sitio anterior. */
.vehicle-detail-grid{
  grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr)!important;
  gap:42px!important;
  align-items:start;
}

.vehicle-summary{
  position:relative!important;
  top:auto!important;
  min-width:0;
}

.vehicle-summary h1{
  margin:10px 0 16px!important;
  font-size:clamp(34px,3.4vw,54px)!important;
  line-height:1!important;
}

.vehicle-price{
  margin-bottom:12px;
}

.vehicle-side-description{
  margin:28px 0 24px;
  padding:24px 0;
  border-top:1px solid #dededb;
  border-bottom:1px solid #dededb;
}

.vehicle-side-description__label{
  display:block;
  margin-bottom:8px;
  color:#8b8b8b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.13em;
}

.vehicle-side-description__name{
  display:block;
  margin-bottom:15px;
  color:#1b1b1b;
  font-size:14px;
  font-weight:500;
  line-height:1.45;
  text-transform:uppercase;
}

.vehicle-side-description__copy{
  color:#666;
  font-size:14px;
  font-weight:300;
  line-height:1.72;
  overflow-wrap:anywhere;
}

.vehicle-specs{
  margin-top:0;
}

.vehicle-actions{
  margin-top:22px;
}

.vehicle-disclaimer{
  margin-top:46px!important;
}

.vehicle-related{
  padding-top:24px;
  padding-bottom:112px;
}

.vehicle-related__heading{
  margin-bottom:30px;
}

.vehicle-related__heading h2{
  margin-top:14px;
  font-size:clamp(34px,3.7vw,58px);
}

.vehicle-related__grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}

.vehicle-related__grid .vehicle-card-media{
  height:clamp(190px,17vw,255px);
}

.vehicle-related__grid .vehicle-card h3{
  font-size:17px;
}

.vehicle-related__grid .vehicle-card-footer strong{
  font-size:20px;
}

@media(max-width:1180px){
  .vehicle-related__grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:980px){
  .vehicle-detail-grid{
    grid-template-columns:1fr!important;
    gap:34px!important;
  }
  .vehicle-summary{
    max-width:none;
  }
  .vehicle-related__grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .vehicle-side-description{
    margin-top:22px;
    padding:20px 0;
  }
  .vehicle-side-description__copy{
    font-size:13px;
    line-height:1.65;
  }
  .vehicle-related{
    padding-top:0;
    padding-bottom:80px;
  }
  .vehicle-related__heading{
    align-items:flex-start;
    flex-direction:column;
    gap:22px;
  }
  .vehicle-related__heading .button{
    width:100%;
  }
  .vehicle-related__grid{
    display:flex;
    gap:14px;
    margin-right:-34px;
    padding-right:34px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .vehicle-related__grid::-webkit-scrollbar{
    display:none;
  }
  .vehicle-related__grid .vehicle-card{
    flex:0 0 min(82vw,340px);
    scroll-snap-align:start;
  }
  .vehicle-related__grid .vehicle-card-media{
    height:220px;
  }
}