*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:#f2f2f2}
.container{width:95%;max-width:1400px;margin:auto}
header{background:#000;position:sticky;top:0;z-index:999}
.nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
.logo{color:#d4a017;font-size:28px;font-weight:800}
nav a{color:#fff;text-decoration:none;margin-left:25px;font-weight:bold}

.hero-banner{width:100%;display:block}

.produtos{padding:40px 0}
.subtitulo{color:#d4a017;font-weight:bold;font-size:22px}
.produtos h2{font-size:56px;margin-bottom:30px}

.grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;
}

.card{
background:#fff;
padding:15px;
border-radius:18px;
box-shadow:0 5px 15px rgba(0,0,0,.08);
}

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

.card h3{margin-top:10px}
.card p{margin-top:8px;font-size:18px}

.bloco{padding:60px 0}

footer{
background:#000;
color:#fff;
text-align:center;
padding:25px;
margin-top:40px;
}

@media(max-width:900px){
.grid{grid-template-columns:1fr}
.produtos h2{font-size:34px}
}


/* SOBRE */

#sobre{
    background:#fff;
    padding:50px;
    border-radius:20px;
    margin-top:50px;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

#sobre h2{
    color:#d4a017;
    margin-bottom:20px;
    font-size:38px;
}

#sobre p{
    font-size:18px;
    line-height:1.8;
    margin-bottom:15px;
}

/* CONTATO */

#contato{
    background:#fff;
    padding:50px;
    border-radius:20px;
    margin-top:40px;
    box-shadow:0 5px 15px rgba(0,0,0,.08);
}

#contato h2{
    color:#d4a017;
    margin-bottom:20px;
    font-size:38px;
}

.form-contato{
    display:flex;
    flex-direction:column;
    gap:15px;
    margin-top:25px;
}

.form-contato input,
.form-contato textarea{
    padding:15px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:16px;
}

.form-contato input:focus,
.form-contato textarea:focus{
    outline:none;
    border-color:#d4a017;
}

.form-contato button{
    background:#d4a017;
    color:#000;
    border:none;
    padding:15px;
    border-radius:10px;
    font-weight:bold;
    cursor:pointer;
    font-size:16px;
    transition:.3s;
}

.form-contato button:hover{
    background:#b88712;
}