/*=========================================
                HEADER
==========================================*/

.site-header{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:82px;
    background:#fff;
    border-bottom:1px solid #eceff3;
    box-shadow:0 6px 18px rgba(0,0,0,.06);
    z-index:999;
}

/*=========================================
            CONTAINER
==========================================*/

.header-container{
    width:100%;
    max-width:1380px;
    height:100%;
    margin:auto;
    padding:0 35px;
    display:flex;
    align-items:center;
    justify-content:space-between;
}

/*=========================================
                LOGO
==========================================*/

.logo{
    display:flex;
    align-items:center;
    margin-left:-40px;
}

.logo img{
    height:32px;
    width:auto;
    display:block;
    transition:.3s;
    user-select:none;
}

.logo:hover img{
    transform:scale(1.02);
}

/*=========================================
                MENU
==========================================*/

.main-nav{
    display:flex;
    align-items:center;
    gap:38px;
}

.main-nav>a,
.dropbtn{
    position:relative;
    display:flex;
    align-items:center;
    text-decoration:none;
    color:#071c32;
    font-family:'Marcellus',serif;
    font-size:13px;
    font-weight:400;
    letter-spacing:.7px;
    text-transform:uppercase;
    white-space:nowrap;
    transition:.3s;
}

/*=========================================
            LINHA
==========================================*/

.main-nav>a::after,
.dropbtn::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-6px;
    width:0;
    height:2px;
    background:#caa14d;
    transition:.3s;
}

.main-nav>a:hover,
.dropbtn:hover{
    color:#caa14d;
}

.main-nav>a:hover::after,
.dropbtn:hover::after{
    width:100%;
}

/*=========================================
                DROPDOWN
==========================================*/

.dropdown{
    position:relative;
}

.dropbtn{
    gap:6px;
}

.arrow{
    font-size:10px;
    color:#071c32;
}

.submenu{
    position:absolute;
    top:48px;
    left:-18px;
    width:260px;
    background:#fff;
    border:1px solid #ececec;
    border-radius:10px;
    padding:8px 0;
    list-style:none;
    display:none;
    box-shadow:0 14px 35px rgba(0,0,0,.10);
}

.dropdown:hover .submenu{
    display:block;
}

.submenu li{
    list-style:none;
}

.submenu li a{
    display:block;
    padding:13px 22px;
    text-decoration:none;
    color:#14273d;
    font-family:'Manrope',sans-serif;
    font-size:12px;
    transition:.3s;
}

.submenu li a:hover{
    background:#f7f7f7;
    color:#caa14d;
}

/*=========================================
            BOTﾃグ CONTACTO
==========================================*/

.contact-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:11px 26px;
    border:2px solid #caa14d;
    border-radius:40px;
    background:transparent;
    color:#caa14d !important;
    font-family:'Manrope',sans-serif !important;
    font-size:13px !important;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.3s;
}

.contact-btn:hover{
    background:#caa14d;
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(202,161,77,.25);
}

/*=========================================
            MENU MOBILE
==========================================*/

.menu-toggle{
    display:none;
    flex-direction:column;
    gap:5px;
    cursor:pointer;
}

.menu-toggle span{
    width:26px;
    height:3px;
    background:#071c32;
    border-radius:20px;
    transition:.3s;
}
/*=========================================
            LANGUAGE SWITCH
==========================================*/

.language-switch{

    display:flex;

    align-items:center;

    gap:10px;

    margin-left:30px;

    padding-left:25px;

    border-left:1px solid rgba(7,28,50,.12);

}

.language-switch a{

    text-decoration:none;

    font-family:'Manrope',sans-serif;

    font-size:14px;

    font-weight:700;

    color:#071c32;

    transition:.3s ease;

}

.language-switch a:hover{

    color:#caa14d;

}

/* Idioma ativo */

.language-switch a.active{

    color:#caa14d;

}

.language-switch span{

    color:#b8b8b8;

    font-size:14px;

    font-weight:500;

}

/*=========================================
            RESPONSIVO
==========================================*/
/*==================================================
                MOBILE (768px)
==================================================*/

@media (max-width:768px){

    /* HEADER */

    .site-header{

        height:72px;

    }

    .header-container{

        padding:0 18px;

    }

    /* LOGO */

    .logo{

        margin-left:0;

    }

    .logo img{

        height:24px;

    }

    /* BOTÃO MENU */

    .menu-toggle{

        display:flex;

        z-index:1002;

    }

    .menu-toggle span{

        width:22px;

        height:2px;

    }

    /* MENU */

    .main-nav{

        position:fixed;

        top:72px;

        left:-100%;

        width:100%;

        height:calc(100vh - 72px);

        background:#ffffff;

        display:flex;

        flex-direction:column;

        align-items:flex-start;

        justify-content:flex-start;

        gap:0;

        padding:30px 24px;

        transition:.35s ease;

        overflow-y:auto;

        box-shadow:0 10px 30px rgba(0,0,0,.08);

    }

    .main-nav.active{

        left:0;

    }

    .main-nav>a{

        width:100%;

        padding:15px 0;

        font-size:12px;

        border-bottom:1px solid #ececec;

    }

    .main-nav>a::after{

        display:none;

    }

    /* DROPDOWN */

    .dropdown{

        width:100%;

    }

    .dropbtn{

        width:100%;

        justify-content:space-between;

        padding:15px 0;

        font-size:12px;

        border-bottom:1px solid #ececec;

    }

    .submenu{

        position:static;

        width:100%;

        display:block;

        border:none;

        border-radius:0;

        box-shadow:none;

        padding:5px 0 10px;

        margin-left:15px;

        background:transparent;

    }

    .submenu li a{

        padding:10px 0;

        font-size:12px;

    }

    /* CONTACTO */

    .contact-btn{

        width:100%;

        margin-top:22px;

        justify-content:center;

        padding:12px;

        font-size:12px !important;

    }

    /* IDIOMA */

    .language-switch{

        margin-top:25px;

        margin-left:0;

        padding-left:0;

        border-left:none;

    }

    .language-switch a{

        font-size:13px;

    }

}

/*=========================================
        MENU TOGGLE ACTIVE
==========================================*/

.menu-toggle.active span:nth-child(1){

    transform:rotate(45deg) translate(6px,6px);

}

.menu-toggle.active span:nth-child(2){

    opacity:0;

}

.menu-toggle.active span:nth-child(3){

    transform:rotate(-45deg) translate(5px,-5px);

}