/* ==========================================================
   TUCTVC 2.0
   HEADER
========================================================== */

/* ==========================================================
   CORES
========================================================== */

:root{

    --tuctvc-green:#23412d;

    --tuctvc-gold:#c6a343;

    --tuctvc-light:#f8f8f8;

    --tuctvc-border:#ececec;

}

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

.site-navbar{

    background:#ffffff !important;

    min-height:72px;

    display:flex;

    align-items:center;

    box-shadow:0 4px 18px rgba(0,0,0,.08);

    transition:.35s;

    z-index:999;

}


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

.logo-header{

    height:40px;

    width:auto;

    transition:.35s;

}

.site-navbar.scrolled .logo-header{

    height:60px;

}

.logo-header:hover{

    transform:scale(1.03);

}


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

.site-menu > li{

    margin-left:8px;

}

.site-menu > li > a{

    font-size:14px;

    font-weight:600;

    color:#23412d !important;

    padding:28px 10px;

    transition:.30s;

}

.site-menu > li > a:hover{

    color:#c6a343 !important;

}


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

.site-menu .dropdown{

    border:none;

    border-radius:15px;

    overflow:hidden;

    padding:12px 0;

    box-shadow:0 15px 35px rgba(0,0,0,.12);

    min-width:270px;

}

@media (min-width:992px){

    .site-navbar .row{
        display:flex;
        flex-wrap:nowrap;
        align-items:center;
        width:100%;
        min-height:72px;
    }

    .site-navbar .header-logo{
        flex:0 0 195px;
        width:195px;
    }

    .site-navbar .header-menu{
        flex:1 1 auto;
        min-width:0;
    }

    .site-navbar .site-navigation{
        width:100%;
    }

    .site-navbar .site-menu{
        width:100%;
        flex-wrap:nowrap;
        white-space:nowrap;
        gap:0;
    }

    .site-navbar .site-menu > li{
        margin-left:0;
    }

    .site-navbar .site-menu > li > a{
        padding-left:3px;
        padding-right:3px;
        font-size:13px;
    }
}

/* O último menu fica junto à borda da tela: abre para a esquerda
   para que nenhum item seja cortado pelo limite do navegador. */
.site-menu > .menu-plataform > .dropdown{

    left:auto !important;

    right:0 !important;

    margin-left:0 !important;

}

.site-menu > .menu-plataform > .dropdown.arrow-top::before{

    left:auto !important;

    right:22px;

    margin-left:0;

}


.site-menu .dropdown li{

    width:100%;

}


.site-menu .dropdown li a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 20px;

    color:#23412d;

    font-size:14px;

    transition:.25s;

}


.site-menu .dropdown li a:hover{

    background:#f6f6f6;

    color:#c6a343;

    padding-left:26px;

}


/* ==========================================================
   ÍCONES
========================================================== */

.site-menu .dropdown i{

    width:24px;

    font-size:15px;

    color:var(--tuctvc-gold);

}


/* ==========================================================
   BOTÃO ENTRAR
========================================================== */

.menu-login>a{

	background:var(--tuctvc-green);

    color:#fff !important;

    border-radius:30px;

    padding:12px 22px !important;

    margin-left:12px;

}


.menu-login>a:hover{

    background:var(--tuctvc-gold);

    color:#fff !important;

}


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

.site-navbar-wrap{

    position:fixed;

    top:0;

    left:0;

    right:0;

    width:100%;

    z-index:9999;

}


body{

    padding-top:82px;

}


/* ==========================================================
   RESPONSIVO
========================================================== */

@media(max-width:991px){

    .logo-header{

        height:55px;

    }

}

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

.site-menu{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:2px;

}

.site-menu>li{

    position:relative;

}


/* ==========================================================
   SUBLINHADO ANIMADO
========================================================== */

.site-menu > li > a{

    color:#23412d;

    transition:.25s;
	
	 position:relative;

}

.site-menu > li > a:hover{

    color:#c6a343 !important;

}


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

.site-menu li:hover>.dropdown{

    opacity:1;

    visibility:visible;

    margin-top:0;

}

.site-menu .dropdown{

    opacity:0;

    visibility:hidden;

    margin-top:20px;

    transition:.30s;

}



/* ==========================================================
   DROPDOWN NÍVEL 2
========================================================== */

.site-menu .dropdown .dropdown{

    left:100%;

    top:-12px;

}

/* ==========================================================
   USUÁRIO
========================================================== */

.menu-user-avatar{

    width:34px;

    height:34px;

    border-radius:50%;

    object-fit:cover;

    margin-right:8px;

}

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

.menu-platform > a{

    background:#23412d;

    color:#FFF !important;

    padding:12px 22px !important;

    border-radius:30px;

    display:flex;

    align-items:center;

    gap:8px;

    margin-left:10px;

}

.menu-platform > a:hover{

    background:#c6a343;

    color:#FFF !important;

}

/* Remove qualquer efeito herdado */

.menu-platform > a::before,
.menu-platform > a::after{

    display:none !important;

}