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

.custom-header-flat {
  border-radius: 0;
  box-shadow: none;
}

.img-container-full {
  width: 100%;
}

.object-mockup-reset {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

.object-banner {
  width: 100%;
  margin: 0 0 20px;
}

.separator-title {
  color: #013f6b !important;
  font-family: "Nunito", sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

    h4{
      color: #5ce613!important;
      font-size: 2em;
    }

    .banner, h1, h2, h3 {
      font-family: 'Nunito', sans-serif;
      color:#0093c9!important;
    }
    
    .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('../../img/newsc25/Banner_newweb_SC25.png') no-repeat center center;
      background-size: cover;
      
    }

    .monolegs-intro {
      margin-top: 5em;
      margin-bottom: 5em;
    }

    .monolegs-logo-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .monolegs-logo {
      display: block;
      width: 100%;
      max-width: 320px;
      max-height: 300px;
      object-fit: contain;
    }

    .monolegs-title {
      margin-bottom: 2em;
      color: #0093c9;
      font-weight: 500;
      text-align: center;
    }

    .monolegs-partners {
      margin-top: 3rem;
      padding-top: 2rem;
      padding-bottom: 2rem;
      border-bottom: 1px solid rgb(0 147 201 / 25%);
    }

    .monolegs-partner-group {
      display: flex;
      min-height: 100%;
      gap: 1.25rem;
      align-items: center;
    }

    .monolegs-partner-title {
      flex: 0 0 auto;
      margin: 0;
      font-weight: 800;
    }

    .monolegs-partner-logos {
      display: flex;
      flex: 1 1 auto;
      gap: 1.25rem;
      align-items: center;
    }

    .monolegs-partner-logos img {
      width: 180px;
      height: 100px;
      flex: 0 0 180px;
      object-fit: contain;
    }

    .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('../../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;
    }

    p{
    	font-size: 1.1em;
    }



    .foto-edicio img {
	    max-width: 100%;
	    height: auto;
	    border-radius: 8px;
	  }

	  .galeria-edicio {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: center;
	    gap: 16px;
	  }

	  .desplegable-edicions {
	    margin-left: auto;
	  }

	  .edicio-header {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    flex-wrap: wrap;
	  }

		.dropdown-custom {
		  border: 2px solid #0093c9; /* Borde blau (canvia pel teu si cal) */
		  background-color: white;
		  color: #0093c9;
		  transition: all 0.3s ease;
		}

		.dropdown-custom:hover {
		  background-color: #0093c9;
		  color: white;
		}

		.dropdown-custom {
		  border-radius: 8px;
		  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
		}

		 .dropdown-menu .dropdown-item:hover {
		  background-color: #0093c9;
		  color: white!important;
		}

		.instagram-grid {
		  
		  display: grid;
		  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
		  gap: 16px;
		  justify-items: center;
		  max-width: 1200px; /* o el que vulguis */
		  margin: 0 auto; /* centra dins el container */


		}

		.instagram-grid .item img {
		  width: 100%;
		  height: auto;
		  border-radius: 4px;
		  display: block;
		}

    .mosaic{
      margin-top: -8em;


    }



    /* 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;
      }

      .monolegs-intro {
        margin-top: 2.5rem;
        margin-bottom: 3rem;
      }

      .monolegs-logo {
        max-width: 230px;
        max-height: 220px;
      }

      .monolegs-title {
        margin-bottom: 1.5rem;
        font-size: 1.75rem !important;
      }

      .monolegs-partner-group,
      .monolegs-partner-logos {
        flex-direction: column;
        text-align: center;
      }

      .monolegs-partner-group {
        padding: 1rem 0;
      }

      .monolegs-partner-logos img {
        width: min(200px, 80vw);
        height: 105px;
        flex-basis: 105px;
      }

    }
    /* Botons personalitzats */
      .btn-custom {
        display: inline-block;
        padding: 10px 25px;
        border: 2px solid #0093c9;
        background-color: #fff;
        color: #0093c9!important;
        text-decoration: none;
        font-weight: bold;
        border-radius: 6px;
        transition: all 0.3s ease;
      }

      .btn-custom:hover {
        background-color: #0093c9;
        color: #fff!important;
      }
    .cartells-actions {
      display: flex;
      justify-content: center;
      gap: 1.5rem;
      flex-wrap: wrap;
      margin-top: 2rem;
    }

    .cartells-actions .custom-btn {
      min-width: 220px;
      border-radius: 6px;
      font-size: 1.25rem;
      font-weight: 600;
      text-align: center;
    }

    @media (max-width: 576px) {
      .monolegs-partner-title {
        text-align: center !important;
      }

      .cartells-actions {
        gap: 0.85rem;
      }

      .cartells-actions .custom-btn {
        width: 100%;
        min-width: 0;
      }
    }