*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Inter;background:#f4f6f8;}
.topbar{background:#ffd43b;text-align:center;padding:10px;font-weight:600;}
.container{width:90%;max-width:1100px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:20px;}
header{background:#0f8f3e;color:white;padding:15px;}
.logo span{color:#ffd43b;}
.nav{display:flex;justify-content:space-between;}
nav a{color:white;margin-left:20px;text-decoration:none;}
.hero{background:linear-gradient(#0f8f3e,#1ed760);color:white;padding:100px 0;text-align:center;}
.btn{background:#ffd43b;padding:14px 30px;border-radius:8px;color:black;text-decoration:none;}
.section{padding:70px 20px;text-align:center;}
form{max-width:400px;margin:auto;display:flex;flex-direction:column;gap:10px;}
input,select{padding:12px;border-radius:6px;border:1px solid #ccc;}
button{background:#0f8f3e;color:white;border:none;padding:14px;border-radius:6px;cursor:pointer;}
.resultadoBox{margin-top:30px;display:flex;justify-content:center;gap:40px;}
.resultadoBox h2{color:#0f8f3e;}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px;}
.card{background:white;padding:25px;border-radius:10px;box-shadow:0 6px 15px rgba(0,0,0,0.1);}
#botoesDistribuidoras{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;justify-content:center;}
#botoesDistribuidoras button{background:#1ed760;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;}
#botoesDistribuidoras button.ativo{background:#0f8f3e;color:white;}
footer{background:#222;color:gray;text-align:right;padding:25px;font-size:10px;}

.areaButton{display:flex;justify-content:center;width:100%; padding:0 25px;}
.areaButton button{background:#0f8f3e;color:white;border:none;padding:14px 30px;border-radius:6px;cursor:pointer; width:100%;max-width:400px;}