/*--------------------------------------------------------------
Arxiu: style.css
Descripció: Full d'estils principal per al projecte web
Autor: Míriam Ardèvol
Data: Juliol 2025
--------------------------------------------------------------*/


body{
  font-family: 'Nunito', sans-serif;
}

p{
  font-size: 1.3em;
}

.banner, h1, h2, h3 {
  font-family: 'Adamina', serif;
  color: #0093c9;
  font-size: 3em;
}

.banner {
  padding: 100px 0;
  text-align: center;
}

.video-section {
  padding: 60px 0;
  text-align: center;
}

.cards-section {
  padding: 60px 0;
}

.card:hover {
  transform: scale(1.02);
  transition: transform 0.3s ease;
}

.card-link {
  text-decoration: none;
  color: inherit;
}

.navbar-brand {
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: flex;
  align-items: flex-start; /* Alinea el contingut a la part superior */
  height: auto;
}

.navbar {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  min-height: 150px; /* opcional, que s'adapti a la mida del logo */
}

.navbar-brand img {
  max-height: 150px;
  width: auto;
}

.fonscomplet{
  background: url('/frontend/img/newsc25/Banner_newweb_SC25.png') no-repeat center center;
  background-size: cover;
  height: 30em;
  color: white; /* per assegurar que el text sigui visible */
}

.custom-btn {
  background-color: #0093c9; /* Canviem el color de fons */
  color: white!important; /* El text serà blanc */
  text-decoration: none; /* Eliminem el subratllat */
  padding: 15px 30px; /* Farem el botó més gran amb més padding */
  border:none;
}

.custom-btn:hover {
  background-color: #0077b3; /* Canvi de color quan passa el ratolí per sobre */
}

.backgroundimage{
  background-image: url('/frontend/img/newsc25/background_general.png'); /* Canvia la ruta a la imatge desitjada */
  background-size: cover; /* Ajusta la imatge per cobrir tota la mida de l'element */
  background-repeat: no-repeat; /* Evita que la imatge es repeteixi */
  padding: 3em 0; /* Afegir espai a la part superior i inferior */
  text-align: center; /* Centrar el contingut dins de la secció */
}

.custom-card {
  background-color: white; /* Fons blau */
  color: #0093c9;; /* Text blanc per contrastar amb el fons blau */
  padding: 40px; /* Augmentem el padding per fer la carta més gran */
  border-radius: 10px; /* Arrodonim les cantonades de la carta */
  border: 1px solid #0093c9; /* Borde blau de 4px de gruix */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Afegim una ombra lleugera */
  transition: transform 0.3s ease; /* Afegim una transició per l'efecte hover */
}

.custom-card:hover {
  transform: scale(1.05); /* Efet de creixement de la carta en passar per sobre */
}

.custom-card-title {
  font-size: 2.5rem; /* Augmentem la mida del títol */
  text-align: center; /* Centrem el títol dins de la carta */
  margin-bottom: 20px; /* Afegim espai a sota del títol */
}

.custom-card .card-text {
  text-align: center; /* Centrem el text */
  font-size: 1.2rem; /* Augmentem la mida del text */
}

a {
text-decoration: none !important;
color: black !important;
}

/* Opcional: Canviar el color quan el cursor passa per sobre */
a:hover {
  color: #0093c9;
}





/* Canvi de color quan el ratolí passa per sobre */
.navbar-nav .nav-link:hover {
  color: #0093c9 !important; /* Blau de text */
}

@media (max-width: 576px) {
  .navbar-brand img {
    max-height: 100px;
  }
}