/* Ajustos suaus sobre Bootstrap per a look més modern */
.hero-img{ border:1px solid #e6e7ea; }

.vehicle-thumb{
  height: 190px; object-fit: cover;
}

.card .price{ font-weight:700; }

footer a{text-decoration:none}

/* Banner discret (abans del footer) */
.banner-opel{
  max-height: 60px;        /* discret en desktop */
  width: auto;
  opacity: .85;            /* una mica suau */
  filter: saturate(.9);
  transition: opacity .2s ease;
  border-radius: 6px;
}
.banner-opel:hover{ opacity: 1; }

@media (max-width: 576px){
  .banner-opel{ max-height: 44px; }  /* encara més discret en mòbil */
}

/* Píndoles neutres */
.horari-card .badge{
  letter-spacing:.1px;
  font-weight:600;
  /* vora una mica més marcada perquè es llegeixi millor sobre fons blanc */
  border-width: 1.5px !important;
}


/* Botons de trucada: mateixa alçada i alineació perfecta */
.btn-call{
  display:flex;                 /* assegura alineació vertical del text/ícona */
  align-items:center;
  gap:.5rem;
  padding:.9rem 1.1rem;         /* mateix “boxing” pels dos tipus de botó */
  line-height:1;                /* evita desalineacions pel line-height */
  border-width:2px;             /* iguala el gruix per outline/primary */
}

/* Botons trucada (ja uniformats) */
.btn-call{
  display:flex;
  align-items:center;
  gap:.5rem;
  padding:.9rem 1.1rem;
  line-height:1;
  border-width:2px;
}

/* Targeta d’horari: per defecte queda a l’esquerra */
.horari-card {
  backdrop-filter: blur(6px);
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: all .3s ease;
}
.horari-card:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
}
.horari-card .badge i { vertical-align: middle; }

/* Responsive */
@media (max-width: 576px){
  .cta{ width:100%; gap:12px; }
  .btn-call{
    width:100%;
    justify-content:center;   /* si vols també a l’esquerra, canvia a flex-start */
    font-size:1.05rem;
    padding:1rem 1.2rem;
  }
  .horari-card{
    /* IMPORTANT: no el centrem; es manté a l’esquerra */
    display:inline-flex;
  }
}

/* HERO net i coherent */
.hero-wrap{
  background: linear-gradient(180deg, #f7f8fb 0%, #ffffff 100%);
  border-bottom: 1px solid #eef0f4;
}
.hero-photo img{
  display:block;
  width:100%;
  height:auto;
  object-fit:cover;
  max-height:520px;
}
.btn-call{
  line-height:1;
  border-width:2px;
}

/* Píndoles d’horari una mica més grans però discretes */
.horari-card .badge{
  letter-spacing:.1px;
}
.horari-card{ transition:transform .25s ease, box-shadow .25s ease; }
.horari-card:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.08) !important; }

/* Responsive */
@media (max-width: 992px){
  .hero-photo img{ max-height:360px; border-radius:.75rem; }
}
@media (max-width: 576px){
  .btn-call{ width:100%; justify-content:center; }
  .horari-card{ width:100%; justify-content:flex-start; }
}

/* Admin: millora visual de miniatures si comparteixes CSS */
.thumb{ box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.thumb-wrap form .btn{ padding:.15rem .35rem; border-radius:.35rem; }