*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Segoe UI',sans-serif;

    background:
        linear-gradient(
            rgba(0,0,0,.80),
            rgba(0,0,0,.88)
        ),
        url('../images/pub-background.jpg');

    background-color:#000;

    background-repeat:no-repeat;
    background-position:center top;
    background-size:900px auto;
    background-attachment:fixed;

    color:#fff;

    min-height:100vh;

    overflow-x:hidden;
}

/* HEADER */

header{
    text-align:center;
    padding:40px 20px;
}

.logo{
    width:260px;
    max-width:80%;

    display:block;

    margin:0 auto 20px;

    border:none;
    outline:none;

    filter:
        drop-shadow(0 0 15px rgba(212,160,23,.45))
        drop-shadow(0 0 35px rgba(212,160,23,.25));
}

h1{
    font-size:3rem;
    color:#D4A017;
    margin-bottom:10px;
}

.slogan{
    color:#d4d4d4;
    letter-spacing:3px;
}

/* CONTEÚDO */

main{
    width:90%;
    max-width:1200px;
    margin:auto;
    padding-bottom:60px;
}

/* TÍTULOS */

.highlights{
    margin-bottom:50px;
}

.highlights h2,
.menu h2{
    color:#D4A017;

    font-size:2rem;

    margin-bottom:25px;

    border-left:5px solid #D4A017;

    padding-left:15px;
}

/* CARDS DE DESTAQUE */

.cards{
    display:grid;

    grid-template-columns:
        repeat(auto-fit,minmax(280px,1fr));

    gap:25px;
}

.card{
    background:rgba(0,0,0,.65);

    border:1px solid rgba(212,160,23,.20);

    border-radius:15px;

    overflow:hidden;

    backdrop-filter:blur(4px);

    transition:.3s;
}

.card:hover{
    transform:translateY(-6px);

    box-shadow:
        0 0 25px rgba(212,160,23,.15);
}

.card img{
    width:100%;
    height:240px;
    object-fit:cover;
}

.card-content{
    padding:20px;
}

.card-content h3{
    margin-bottom:10px;
    color:white;
}

.card-content span{
    color:#D4A017;
    font-weight:bold;
    font-size:1.2rem;
}

/* SEÇÕES DO CARDÁPIO */

.menu{
    background:rgba(0,0,0,.70);

    border:1px solid rgba(212,160,23,.12);

    border-radius:18px;

    padding:25px;

    margin-bottom:25px;

    backdrop-filter:blur(4px);

    box-shadow:
        0 0 25px rgba(0,0,0,.45);
}

/* ITENS */

.item{
    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px 0;

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

.item:last-child{
    border-bottom:none;
}

.item span{
    color:white;
}

.item strong{
    color:#D4A017;
}

/* SCROLLBAR */

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#000;
}

::-webkit-scrollbar-thumb{
    background:#D4A017;
    border-radius:10px;
}

/* RESPONSIVO */

@media(max-width:768px){

    body{
        background-size:600px auto;
    }

    h1{
        font-size:2rem;
    }

    .slogan{
        font-size:.9rem;
    }

    .card img{
        height:200px;
    }

    .item{
        font-size:.9rem;
    }

    .menu h2,
    .highlights h2{
        font-size:1.6rem;
    }

}