/*
 * Estils propis de la web de mostaza.tv sobre Bootstrap 5.
 * Abans eren dins de css/bootstrap-4.4.1.css de www-mostazatv (veure info/home_mostaza.md).
 */

/* Bootstrap 5 ja no té .jumbotron: es defineix aquí amb els valors de Bootstrap 4 */
.jumbotron,
.jumbotron2,
.jumbotron3 {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron,
  .jumbotron2,
  .jumbotron3 {
    padding: 4rem 2rem;
  }
}

/* Capçalera amb la imatge de fons */
.jumbotron {
  background-image: url("images/fondo7.jpg");
  background-attachment: fixed;
  background-color: #F3F3F1;
  background-repeat: no-repeat;
  background-position: 50% 0%;
}

/* Compatibilitat visual amb Bootstrap 4 */

/* A Bootstrap 5 els enllaços surten subratllats per defecte */
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
.btn:hover,
.nav-link:hover,
.navbar-brand:hover,
.dropdown-item:hover {
  text-decoration: none;
}

/* La web fa servir .dropdown-divider com a separador fora dels desplegables;
   a Bootstrap 5 el color només es defineix dins de .dropdown-menu */
.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

/* Amplada màxima com a Bootstrap 4 (Bootstrap 5 arriba a 1320px a partir de 1400px) */
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

/* Marge lateral del menú com a Bootstrap 4 (el logo no queda enganxat a la vora) */
.navbar {
  padding: 0.5rem 1rem;
}

/* L'original tenia un <a class="navbar-brand"> buit abans del logo; el seu marge
   (1rem) desplaçava el logo cap a la dreta. Aquí es reprodueix sense l'enllaç buit */
.navbar > .navbar-brand:first-child {
  margin-left: 1rem;
}

/* Els "Ver más »" són .btn-link, que a Bootstrap 5 surt subratllat */
.btn-link {
  text-decoration: none;
}
.btn-link:hover {
  text-decoration: underline;
}

/* Verd del botó ¡CONTACTANOS! de Bootstrap 4 */
.btn-success {
  --bs-btn-bg: #28a745;
  --bs-btn-border-color: #28a745;
  --bs-btn-hover-bg: #218838;
  --bs-btn-hover-border-color: #1e7e34;
  --bs-btn-active-bg: #1e7e34;
  --bs-btn-active-border-color: #1c7430;
}

/* A Bootstrap 5 els fills d'una .row ocupen el 100%; a Bootstrap 4 el separador
   del final quedava com un traç curt */
.row > .dropdown-divider {
  width: auto;
}

/* Menú fix a dalt (.sticky-top): els salts a #audiencias i #servicios s'aturen
   sota el menú (~107px d'alçada) en lloc de quedar-hi tapats */
html {
  scroll-padding-top: 110px;
}