/*========================================

TOP BAR

========================================*/

.topbar-premium{

background:var(--azul);

padding:10px 0;

font-size:14px;

color:white;

}

.topbar-info{

display:flex;

gap:30px;

align-items:center;

}

.topbar-info span{

display:flex;

align-items:center;

gap:8px;

font-weight:500;

}

.topbar-info i{

color:var(--dorado);

font-size:15px;

}

.topbar-social{

display:flex;

justify-content:flex-end;

gap:12px;

}

.topbar-social a{

width:34px;

height:34px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:rgba(255,255,255,.10);

color:white;

transition:.35s;

}

.topbar-social a:hover{

background:var(--dorado);

transform:translateY(-4px);

color:white;

}


/*========================================

NAVBAR

========================================*/

.nav-premium{

position:fixed;

top:46px;

left:0;

width:100%;

padding:18px 0;

background:rgba(255,255,255,.92);

backdrop-filter:blur(18px);

-webkit-backdrop-filter:blur(18px);

transition:.35s;

z-index:999;

border-bottom:1px solid rgba(0,0,0,.04);

}

.nav-premium.scrolled{

top:0;

padding:12px 0;

background:white;

box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.logo-navbar{

height:52px;

width:auto;

display:block;

}

.nav-premium.scrolled .logo-navbar{

height:46px;

}


/*========================================

MENU

========================================*/

.navbar-nav{

gap:2px;

}

.nav-link{

position:relative;

padding:10px 10px !important;

font-size:15px;

font-weight:600;

letter-spacing:.5px;

color:#555 !important;

transition:.35s;

}

.nav-link:hover{

color:var(--azul)!important;

}

.nav-link.active{

color:var(--azul)!important;

}

.nav-link::after{

content:"";

position:absolute;

left:50%;

bottom:-5px;

width:0;

height:2px;

background:var(--dorado);

transition:.35s;

transform:translateX(-50%);

}

.nav-link:hover::after,

.nav-link.active::after{

width:70%;

}


/*========================================

BOTON

========================================*/

.nav-premium .btn-premium{

padding:14px 22px;

font-size:14px;

white-space:nowrap;

}

.nav-premium .btn-premium:hover{

transform:translateY(-4px);

}


/*========================================

TOGGLER

========================================*/

.navbar-toggler{

padding:0;

}

.navbar-toggler:focus{

box-shadow:none;

}


/*========================================

MOBILE

========================================*/

@media(max-width:1199px){

.topbar-premium{

display:none;

}

.nav-premium{

top:0;

padding:15px 0;

}

.navbar-collapse{
flex-grow:0;
margin-top:25px;

padding:25px;

background:white;

border-radius:22px;

box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.navbar-nav{

gap:0;

}

.nav-link{

margin:8px 0;

padding:12px 0 !important;

}

.nav-link::after{

display:none;

}

.nav-premium .btn-premium{

width:100%;

margin-top:20px;

text-align:center;

}

.logo-navbar{

height:52px;

}

}


/*========================================

TABLET

========================================*/

@media(max-width:991px){

.logo-navbar{

height:48px;

}

}


/*========================================

CELULAR

========================================*/

@media(max-width:576px){

.logo-navbar{

height:42px;

}

.nav-premium{

padding:12px 0;

}

.navbar-collapse{

padding:20px;

border-radius:18px;

}

}