@font-face {
    font-family: __Lato_470fb5;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url("fonts/Lato.woff2") format("woff2");
}
@font-face {
    font-family: __Lato_Fallback_470fb5;
    src: local("Arial");
    ascent-override:101.03%;
    descent-override:21.80%;
    line-gap-override:0.00%;
    size-adjust:97.69%
}

body.aid-4 #navbar {
    background-image: url('https://www.pangea.es/images/Home_hero_Montana_ae0bd0fc8a.webp');
    padding: 1.4rem 0px !important;
}
body.aid-4 nav {
    background: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1040px;
    padding: 0;
    margin: 0 auto;
}
body.aid-4 nav .main-container {
    flex: 1 1 auto;
    padding: 0px 1rem;
    justify-content: flex-end;
    align-items: center;
}
body.aid-4 .bgyjPO .molecule-MainMenu {
    display: block;
}
body.aid-4 .top-bar-holder {
    gap: 1rem;
    display: flex;
    justify-content: space-around;
    list-style: none;
}
body.aid-4 .top-bar-holder .menu-holder .atom-Link {
    padding: 0px 0.5rem;
}
body.aid-4 .ggoqhu a {
    font-family: __Lato_470fb5, __Lato_Fallback_470fb5;
    text-decoration: none;
    text-underline-offset: 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    align-items: center;
    gap: 1.25rem;
    font-size: 1.125rem !important;
    font-weight: 400;
    background: transparent;
    display: flex;
    padding: 0px;
    border-radius: 0px;
    transition: 0.3s;
    line-height: 1.5rem !important;
}
body.aid-4 .top-bar-holder .menu-holder .atom-Link a .label {
    font-size: 18px;
    line-height: 24px;
    font-weight: initial;
    padding: .4em .6em 0;
}

.lang-selector {
    /* Tipografía */
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 700; /* Peso negrita característico */
    color: #1d1d1b;
    text-transform: uppercase;
    letter-spacing: 0.5px;

    /* Estructura y Alineación */
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    padding: 8px;
    transition: color 0.3s ease;

    /* Reset de enlaces por si usas una etiqueta <a> */
    text-decoration: none;
}

/* Efecto Hover */
.lang-selector:hover {
    color: #e40613; /* El rojo corporativo de Pangea */
}

/* Si quieres añadir la flechita que suele acompañar a estos selectores */
.lang-selector::after {
    content: '';
    display: inline-block;
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor; /* Sigue el color del texto */
    vertical-align: middle;
}

body.aid-4 nav .actions-container {
    flex: 0 0 auto;
    display: flex;
    gap: 0.5rem;
    justify-content: flex-end;
    align-items: center;
}
body.aid-4 .leYkSq button {
    cursor: pointer;
    position: relative;
    border-radius: 6.25rem;
    outline: none;
    box-shadow: none;
    font-family: __Lato_470fb5, __Lato_Fallback_470fb5;
    padding: 0.5625rem;
    background: transparent;
    border: 0.0625rem solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    transition: color 0.3s, background-color 0.3s;
}
body.aid-4 .leYkSq button span {
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1.25rem;
}
body.aid-4 .leYkSq button > span {
    color: rgb(255, 255, 255);
    font-size: 0.875rem;
}
body.aid-4 .leYkSq button > span svg {
    height: 1.575rem;
    width: 1.575rem;
}
body.aid-4 .hkNOQW button {
    cursor: pointer;
    position: relative;
    border-radius: 6.25rem;
    outline: none;
    box-shadow: none;
    font-family: __Lato_470fb5, __Lato_Fallback_470fb5;
    padding: 0.25rem 0.875rem;
    background: transparent;
    border: 0.0625rem solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    transition: color 0.3s, background-color 0.3s;
}

/* **** Media Queries **** */
@media (max-width: 991px) {
    body.aid-4 header {
        height: 120px;
        max-height: none;
    }
    body.aid-4 #menu_resc {
        position: initial;
    }
    body.aid-4 #menu_resc .collaboration {
        top: 47px;
    }
    body.aid-4 .header_content {
        top: calc(33% - 25px);
    }
    body.aid-4 #home_top_container {
        height: 500px !important;
    }
    body.aid-4 .header_content h1 {
        margin-left: 0;
    }
    body.aid-4 header#navbar > .container {
        max-height: 115px;
    }
}


