* {
    margin: 0%;
    padding: 0%;
}
/*
|--------------------------------------------------------------------------
| NAVBAR
|--------------------------------------------------------------------------
*/

.navbar{

    position:fixed;

    top:0;
    left:0;

    width:100%;

    background:#0d0d0d;

    border-bottom:1px solid rgba(255,255,255,.08);

    z-index:9999;

}

.navbar .container{

    max-width:1200px;

    margin:auto;

    padding:0 20px;

    height:90px;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

/*
|--------------------------------------------------------------------------
| LOGO
|--------------------------------------------------------------------------
*/

.logo{

    display:flex;

    align-items:center;

}

.logo img{

    width:70px;

    height:70px;

    object-fit:cover;

    border-radius:50%;

    display:block;

}

/*
|--------------------------------------------------------------------------
| MENU DESKTOP
|--------------------------------------------------------------------------
*/

.menu{

    display:flex;

    align-items:center;

    gap:30px;

}

.menu a{

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:500;

    transition:.3s;

}

.menu a:hover{

    color:#d9b47c;

}

/*
|--------------------------------------------------------------------------
| BOTÃO WHATSAPP
|--------------------------------------------------------------------------
*/

.btn-whatsapp{

    background:#d9b47c;

    color:#111 !important;

    padding:12px 20px;

    border-radius:30px;

    font-weight:600;

}

.btn-whatsapp:hover{

    background:#c99b58;

}

/*
|--------------------------------------------------------------------------
| BOTÃO MENU
|--------------------------------------------------------------------------
*/

.menu-toggle{

    display:none;

    width:45px;

    height:45px;

    border:none;

    background:none;

    cursor:pointer;

}

.menu-toggle span{

    display:block;

    width:30px;

    height:3px;

    margin:6px auto;

    background:#ffffff;

    border-radius:50px;

    transition:.3s;

}

/*
|--------------------------------------------------------------------------
| MOBILE
|--------------------------------------------------------------------------
*/

@media(max-width:991px){

    .navbar .container{

        height:80px;

    }

    .menu-toggle{

        display:block;

        position:relative;

        z-index:10001;

    }

    .menu{

        position:fixed;

        top:80px;

        left:-100%;

        width:100%;

        height:calc(100vh - 80px);

        background:#111111;

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:flex-start;

        gap:0;

        padding-top:25px;

        transition:left .35s;

    }

    .menu.ativo{

        left:0;

    }

    .menu a{

        width:100%;

        text-align:center;

        padding:18px;

        border-bottom:1px solid rgba(255,255,255,.08);

    }

    .btn-whatsapp{

        margin-top:25px;

        width:220px;

        text-align:center;

    }

}

/*
|--------------------------------------------------------------------------
| ANIMAÇÃO DO BOTÃO
|--------------------------------------------------------------------------
*/

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

    transform:translateY(9px) rotate(45deg);

}

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

    opacity:0;

}

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

    transform:translateY(-9px) rotate(-45deg);

}



/*
|--------------------------------------------------------------------------
| HERO
|--------------------------------------------------------------------------
*/

.hero{

    position:relative;

    width:100%;

    min-height:100vh;

    display:flex;

    align-items:center;

    justify-content:center;

    background:url("../banners/1.jpeg") center center;

    background-size:cover;

    background-repeat:no-repeat;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(

        rgba(0,0,0,.75),

        rgba(0,0,0,.60),

        rgba(0,0,0,.80)

    );

}

.hero .container{

    position:relative;

    z-index:2;

}

.hero-content{

    max-width:700px;

    color:#fff;

}

.hero-subtitle{

    display:inline-block;

    margin-bottom:18px;

    color:#d9b47c;

    letter-spacing:3px;

    font-size:14px;

    font-weight:600;

}

.hero h1{

    font-size:70px;

    line-height:1.1;

    margin-bottom:25px;

    font-weight:700;

}

.hero p{

    font-size:20px;

    line-height:1.8;

    max-width:620px;

    margin-bottom:40px;

    color:#dddddd;

}

.hero-buttons{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.btn-primary{

    background:#d9b47c;

    color:#111;

    padding:16px 34px;

    border-radius:40px;

    font-weight:700;

    transition:.3s;

}

.btn-primary:hover{

    transform:translateY(-3px);

}

.btn-secondary{

    border:2px solid #d9b47c;

    color:#fff;

    padding:16px 34px;

    border-radius:40px;

    transition:.3s;

}

.btn-secondary:hover{

    background:#d9b47c;

    color:#111;

}

/*
|--------------------------------------------------------------------------
| RESPONSIVO HERO
|--------------------------------------------------------------------------
*/

@media(max-width:991px){

    .hero{

        text-align:center;

    }

    .hero h1{

        font-size:46px;

    }

    .hero p{

        font-size:17px;

    }

    .hero-buttons{

        justify-content:center;

    }

}



/*
|--------------------------------------------------------------------------
| SOBRE
|--------------------------------------------------------------------------
*/

.sobre{

    padding:120px 0;

    background:#111;

}

.sobre-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:70px;

    align-items:center;

}

.sobre-imagem img{

    width:100%;

    border-radius:20px;

    display:block;

}

.titulo-pequeno{

    display:inline-block;

    margin-bottom:15px;

    color:#d9b47c;

    letter-spacing:3px;

    font-size:14px;

    font-weight:700;

}

.sobre-texto h2{

    font-size:48px;

    color:#fff;

    margin-bottom:30px;

    line-height:1.2;

}

.sobre-texto p{

    color:#cfcfcf;

    font-size:18px;

    line-height:1.8;

    margin-bottom:25px;

}

@media(max-width:991px){

    .sobre-grid{

        grid-template-columns:1fr;

    }

    .sobre-texto{

        text-align:center;

    }

    .sobre-texto h2{

        font-size:36px;

    }

}



/*
|--------------------------------------------------------------------------
| AMBIENTES
|--------------------------------------------------------------------------
*/

.ambientes{

    padding:120px 0;

    background:#0d0d0d;

}

.section-title{

    text-align:center;

    margin-bottom:70px;

}

.section-title span{

    color:#d9b47c;

    font-size:14px;

    letter-spacing:3px;

    font-weight:700;

}

.section-title h2{

    margin:20px 0;

    font-size:48px;

    color:#fff;

}

.section-title p{

    max-width:700px;

    margin:auto;

    color:#cfcfcf;

    line-height:1.8;

}

.ambientes-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.ambiente{

    overflow:hidden;

    border-radius:18px;

    background:#171717;

    transition:.35s;

}

.ambiente:hover{

    transform:translateY(-8px);

}

.ambiente img{

    width:100%;

    height:350px;

    object-fit:cover;

}

.ambiente-info{

    padding:25px;

}

.ambiente-info h3{

    color:#fff;

    margin-bottom:15px;

    font-size:24px;

}

.ambiente-info p{

    color:#cfcfcf;

    line-height:1.7;

}

@media(max-width:991px){

    .ambientes-grid{

        grid-template-columns:1fr;

    }

    .section-title h2{

        font-size:36px;

    }

}



/*
|--------------------------------------------------------------------------
| ENTRADAS
|--------------------------------------------------------------------------
*/

.entradas{

    padding:120px 0;

    background:#161616;

}

.entradas-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.entrada-card{

    background:#202020;

    border:1px solid rgba(255,255,255,.06);

    border-radius:18px;

    padding:40px;

    text-align:center;

    position:relative;

    transition:.3s;

}

.entrada-card:hover{

    transform:translateY(-8px);

}

.entrada-card h3{

    color:#fff;

    margin-bottom:35px;

    font-size:30px;

}

.valor{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

}

.valor:last-child{

    border:none;

}

.valor span{

    color:#cfcfcf;

}

.valor strong{

    color:#d9b47c;

    font-size:22px;

}

.destaque{

    border:2px solid #d9b47c;

}

.badge{

    position:absolute;

    top:-14px;

    left:50%;

    transform:translateX(-50%);

    background:#d9b47c;

    color:#111;

    padding:8px 18px;

    border-radius:30px;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

}

@media(max-width:991px){

    .entradas-grid{

        grid-template-columns:1fr;

    }

}


/*
|--------------------------------------------------------------------------
| BEBIDAS
|--------------------------------------------------------------------------
*/

.bebidas{

    padding:120px 0;

    background:#0d0d0d;

}

.bebidas-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.bebida{

    background:#181818;

    border-radius:18px;

    overflow:hidden;

    text-align:center;

    transition:.35s;

}

.bebida:hover{

    transform:translateY(-8px);

}

.bebida img{

    width:100%;

    height:280px;

    object-fit:cover;

}

.bebida h3{

    color:#fff;

    margin:25px 0 15px;

    font-size:24px;

}

.bebida span{

    display:block;

    margin-bottom:25px;

    color:#d9b47c;

    font-size:26px;

    font-weight:700;

}

@media(max-width:991px){

    .bebidas-grid{

        grid-template-columns:1fr;

    }

}



/*
|--------------------------------------------------------------------------
| GAROTAS
|--------------------------------------------------------------------------
*/

.garotas{

    padding:120px 0;

    background:#161616;

}

.garotas-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

.garota{

    background:#1f1f1f;

    overflow:hidden;

    border-radius:20px;

    transition:.35s;

}

.garota:hover{

    transform:translateY(-8px);

}

.garota img{

    width:100%;

    height:420px;

    object-fit:cover;

}

.garota-info{

    padding:25px;

    text-align:center;

}

.garota-info h3{

    color:#fff;

    font-size:28px;

    margin-bottom:10px;

}

.garota-info p{

    color:#d9b47c;

    margin-bottom:25px;

    font-size:18px;

}

.garota-info .btn-primary{

    display:block;

}

@media(max-width:991px){

    .garotas-grid{

        grid-template-columns:1fr;

    }

}


/*
|--------------------------------------------------------------------------
| FOOTER
|--------------------------------------------------------------------------
*/

.footer{

    background:#080808;

    padding:80px 0 25px;

    border-top:1px solid rgba(255,255,255,.08);

}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:60px;

    margin-bottom:50px;

}

.footer-logo img{

    width:90px;

    height:90px;

    border-radius:50%;

    object-fit:cover;

    margin-bottom:20px;

}

.footer-logo h3{

    color:#fff;

    font-size:28px;

    margin-bottom:18px;

}

.footer-logo p{

    color:#bbbbbb;

    line-height:1.8;

}

.footer-info h4{

    color:#d9b47c;

    margin-bottom:20px;

    font-size:22px;

}

.footer-info p{

    color:#cccccc;

    margin-bottom:18px;

    line-height:1.7;

}

.footer-whatsapp{

    display:inline-block;

    margin-top:10px;

    background:#d9b47c;

    color:#111;

    padding:12px 24px;

    border-radius:30px;

    font-weight:600;

    transition:.3s;

}

.footer-whatsapp:hover{

    background:#c79d62;

}

.footer-copy{

    border-top:1px solid rgba(255,255,255,.08);

    padding-top:25px;

    text-align:center;

    color:#888;

}

@media(max-width:991px){

    .footer-grid{

        grid-template-columns:1fr;

        text-align:center;

    }

    .footer-logo img{

        margin:0 auto 20px;

    }

}