body{
margin:0;
font-family:Arial,sans-serif;
background:#f5f5f5;
}

.topo{
background:#148a2e;
padding:20px;
text-align:center;
}

.logo{
max-width:400px;
width:100%;
}

.banner img{
width:100%;
display:block;
}

.categorias{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
padding:20px;
}

.card{
background:#fff;
border-radius:15px;
overflow:hidden;
box-shadow:0 2px 10px rgba(0,0,0,.15);
}

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

.card h3{
text-align:center;
padding:10px;
color:#148a2e;
}

.titulo{
text-align:center;
color:#148a2e;
font-size:26px;
font-weight:bold;
}

.cardapio{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
gap:20px;
padding:20px;
}

.bloco{
background:white;
padding:20px;
border-radius:15px;
box-shadow:0 2px 8px rgba(0,0,0,.1);
}

.bloco h2{
color:#148a2e;
}

.item{
display:flex;
justify-content:space-between;
padding:8px 0;
border-bottom:1px dotted #ccc;
}

.combos{
background:#ffc107;
padding:30px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
}

.combo{
background:white;
padding:20px;
border-radius:15px;
text-align:center;
}

.qr-section{
background:#148a2e;
padding:40px 20px;
}

.qr-grid{
display:grid;
grid-template-columns:1fr 300px 1fr;
gap:20px;
align-items:center;
}

.qr-card{
background:white;
padding:15px;
border-radius:15px;
text-align:center;
}

.qr-card img{
width:180px;
}

.box-central{
background:#ffc107;
padding:20px;
border-radius:15px;
text-align:center;
font-weight:bold;
}

footer{
background:#111;
color:white;
text-align:center;
padding:20px;
}

.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
padding:15px 25px;
border-radius:50px;
color:white;
text-decoration:none;
font-weight:bold;
}

@media(max-width:900px){

.qr-grid{
grid-template-columns:1fr;
}

}