/* Navbar styles - Additional styles beyond Bootstrap */
/* Most navbar styles are in styles.css (Bootstrap) */

/* Classe ml-auto de Bootstrap - per alinear elements a la dreta */
.ml-auto {
    margin-left: auto !important;
}

/* Classe mr-auto de Bootstrap - per alinear elements a l'esquerra */
.mr-auto {
    margin-right: auto !important;
}

/* Classe d-block de Bootstrap - per mostrar elements com a blocs */
.d-block {
    display: block !important;
}

/* Classe mb-2 de Bootstrap - per definir marge inferior */
.mb-2,
.my-2 {
    margin-bottom: 0.5rem !important;
}

/* Classe mt-0 de Bootstrap - per eliminar marge superior */
.mt-0,
.my-0 {
    margin-top: 0 !important;
}

/* Classe my-4 de Bootstrap - per definir marge vertical */
.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

/* Classe mb-3 de Bootstrap - per definir marge inferior */
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

/* Classe mb-5 de Bootstrap - per definir marge inferior */
.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

/* Classe mb-lg-0 de Bootstrap - per eliminar marge inferior en pantalles grans */
@media (min-width: 992px) {
    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }
}

/* Assegurar que el navbar-nav tingui margin-left: auto */
.navbar-nav {
    margin-left: auto !important;
}

/* Custom navbar adjustments */
#mainNav {
    z-index: 1;
    margin-right: 0;
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background: linear-gradient(to bottom,
    rgba(110, 178, 201, 1) 0%,
    rgba(110, 178, 201, 1) 75%,
    rgba(110, 178, 201, 0) 100%);
  transition: background-color 0.2s ease;
}

#mainNav .navbar-brand {
font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 700;
	color: #212529;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

#mainNav .navbar-nav .nav-item .nav-link {
color: #212529;
	font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-weight: 700;
	font-size: 0.9rem;
	padding: 0.75rem 0;
	text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
color: #6eb2c9;
}

#mainNav .navbar-nav .nav-item .nav-link:active {
color: #5a9db8;
}

#mainNav .navbar-nav .nav-item .nav-link.active {
color: #4a8da8;
}

@media (min-width: 992px) {
#mainNav {
    z-index: 1;
    box-shadow: none;
    background: linear-gradient(to bottom,
      rgba(110, 178, 201, 1) 0%,
      rgba(110, 178, 201, 1) 75%,
      rgba(169, 169, 169, 0) 100%);
}

#mainNav .navbar-brand {
color: #212529;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

#mainNav .navbar-brand:hover {
color: #6eb2c9;
}

#mainNav .navbar-nav .nav-item .nav-link {
color: #212529;
    padding: 0 1rem;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
color: #6eb2c9;
}

#mainNav .navbar-nav .nav-item:last-child .nav-link {
padding-right: 0;
}

#mainNav.navbar-scrolled {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    background: linear-gradient(to bottom,
      rgba(110, 178, 201, 1) 0%,
      rgba(110, 178, 201, 1) 75%,
      rgba(169, 169, 169, 0) 100%);
}

#mainNav.navbar-scrolled .navbar-brand {
color: #212529;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

#mainNav.navbar-scrolled .navbar-brand:hover {
color: #6eb2c9;
}

#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link {
color: #212529;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

#mainNav.navbar-scrolled .navbar-nav .nav-item .nav-link:hover {
    color: #6eb2c9;
}
}

/* Estils per al logo dades.cat */
.Estilo15 {
    color: #2A566A;
    font-weight: bold;
}

.Estilo16 {
    color: #DE2B4A;
    font-weight: bold;
}

.Estilo20 {
    color: #3CFFFF;
    font-weight: bold;
}


/* Estils per al submenú desplegable de Serveis */
.nav-item.dropdown {
    position: relative;
}

/* Pseudo-element per omplir l'espai entre l'element pare i el submenú */
.nav-item.dropdown::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 5px;
    background: transparent;
}

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 0.5rem 0;
    margin-top: 0;
    z-index: 1000;
}

/* Mostrar el submenú quan es passa el ratolí sobre l'element pare */
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

/* Estils per als elements del submenú */
.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-family: "Merriweather Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 700;
    font-size: 0.9rem;
}

.dropdown-item:hover {
    color: #6eb2c9;
    background-color: #f8f9fa;
}

.dropdown-item:active {
    color: #5a9db8;
    background-color: #e9ecef;
}

/* Estil específic per al menú desplegable en la versió mòbil */
@media (max-width: 991px) {
    /* Forçar color negre per a tots els enllaços dins del menú col·lapsat */
    #mainNav .navbar-collapse a {
        color: #212529 !important;
    }
    
    /* Mantenir el color clar en hover */
    #mainNav .navbar-collapse a:hover {
        color: #6eb2c9 !important;
    }
    
    #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu {
        background-color: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        border-radius: 0.25rem;
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
        padding: 0.5rem 0;
        margin-top: 0;
        z-index: 1000;
    }
    
    #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {
        color: #212529 !important;
    }
    
    #mainNav .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
        color: #6eb2c9 !important;
    }
}

/* Estil per a la fletxa del dropdown */
.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}