Template:Fossil fuel industries research header/style.css

/******************************************************************************/
/* HEADER - Fossil fuel industries research header */
/******************************************************************************/
.header_menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    text-align: center;
    font-family: sans-serif;
    gap: 4px;
    padding: 0.6em 0;
    width: 100%;
    box-sizing: border-box;
}

.header_menu a, 
.header_menu span {
    flex: 1;
    padding: 0.8em 0.5em;
    transition: all 400ms ease;
    text-decoration: none;
    border-radius: 0.5em 0.5em 0 0;
    font-weight: bold;
    font-size: 1.15em;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    white-space: nowrap;
}

/* Estado normal de las pestañas (colores industriales y naturales) */
.header_menu a {
    color: #FFFFFF;
    background-color: #2B3E3D; /* Slate/Teal oscuro */
    border-bottom: 0.4em solid #76A3A1; /* Sage */
}

/* Efecto hover en las pestañas */
.header_menu a:hover {
    background-color: #3C5351; /* Naranja industrial / fuego */
    border-bottom: 0.4em solid #A0C5C2; /* Borde óxido */
    color: #FFFFFF !important;
    text-decoration: none;
}

/* Pestaña activa (la página en la que se encuentra el usuario) */
.header_menu .active-menu-item,
.header_menu span.active-menu-item {
    background-color: #3C5351; /* Naranja industrial */
    border-bottom: 0.4em solid #A0C5C2;
    color: #FFFFFF !important;
    cursor: default;
    transition: none;
}

/******************************************************************************/
/* ELEMENTOS GLOBALES */
/******************************************************************************/
.header_menu a.extiw, 
.header_menu a.external {
    background-image: none !important;
    padding-right: 0.5em !important;
}