/* ================================
   HEADER SEMPRE FIX I TRANSPARENT
   ================================ */
#masthead {
    position: sticky;
    top: 0;
    z-index: 9999;
    background-color: transparent !important;
    transition: background-color 0.3s ease;
}

/* ================================
   HEADER EN ESTAT STICKY (scroll > 20px)
   ================================ */
#masthead.is-sticky {
    background-color: #0F1821 !important;
}

/* ================================
   ESTILS DEL MENÚ
   ================================ */

/* Estat inicial del menú */
#site-navigation {
    background-color: transparent !important;
    color: #FEFFFF !important;
}

/* Enllaços del menú sempre blancs */
#site-navigation a {
    color: #FEFFFF !important;
}

/* Hover lleu */
#site-navigation a:hover {
    opacity: 0.8;
}

/* Si vols mantenir la transició del menú */
#site-navigation.is-sticky {
    transition: background-color 0.3s ease;
}