@import url('/src/css/efeito.css');

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

body {
font-family: Arial, Helvetica, sans-serif;
background-color: #faf7f5;
color: #333;
}

header {
background-color: #8B0000;
padding: 20px;
}

nav {
position: relative;
text-align: center;
}

a {
text-decoration: none;
}

.logo-area {
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
}

.logo-area img {
height: 40px;
vertical-align: middle;
}

.logo-area span {
vertical-align: middle;
margin-left: 10px;
font-size: 20px;
font-weight: bold;
color: white;
}

.logo-area a {
text-decoration: none;
color: white;
}

nav ul {
list-style-type: none;
margin-top: 10px;
}

nav ul li {
display: inline-block;
margin-right: 10px;
}

nav ul li a {
text-decoration: none;
color: white;
padding: 10px 18px;
border: 2px solid white;
border-radius: 8px;
}

.banner {
background-color: #8B0000;
height: 400px;
text-align: center;
color: white;
padding: 80px 20px;
}

.banner h2 {
font-size: 42px;
margin-bottom: 15px;
}

.banner p {
font-size: 18px;
margin-bottom: 25px;
}

.banner a {
text-decoration: none;
background-color: white;
color: #8B0000;
padding: 12px 25px;
border-radius: 8px;
font-weight: bold;
}

.diferencial-sobre {
background-color: #f8f5f2;
padding: 60px 20px;
text-align: center;
}

.diferencial-sobre h2 {
font-size: 36px;
color: #8B0000;
margin-bottom: 25px;
}

.diferencial-sobre p {
width: 70%;
margin: 10px auto;
font-size: 18px;
color: #444;
}

.produtos {
width: 90%;
margin: 60px auto;
text-align: center;
}

.produtos h1 {
font-size: 36px;
color: #8B0000;
margin-bottom: 40px;
}

.produto-card {
display: inline-block;
width: 220px;
margin: 10px;
background-color: white;
border: 1px solid #ccc;
border-radius: 8px;
text-align: center;
}

.produto-card img {
width: 100%;
height: 180px;
}

.produto-card h3 {
color: #8B0000;
margin: 15px 0 10px;
}

.produto-card p {
padding: 10px;
font-size: 15px;
color: #555;
}

.promocoes {
width: 90%;
margin: 60px auto;
text-align: center;
}

.promocoes h1 {
font-size: 36px;
color: #8B0000;
margin-bottom: 40px;
}

.promo-card {
display: inline-block;
width: 260px;
margin: 10px;
background-color: white;
border: 1px solid #ccc;
border-radius: 8px;
text-align: center;
}

.promo-card img {
width: 100%;
height: 200px;
}

.promo-card h3 {
color: #8B0000;
margin: 15px 0 10px;
}

.promo-card p {
padding: 10px;
color: #555;
}

.contato {
width: 400px;
margin: 60px auto;
padding: 30px;
border: 1px solid #ccc;
border-radius: 10px;
font-size: 14px;
}

.contato h3 {
text-align: center;
color: #8B0000;
margin-bottom: 20px;
font-size: 25px;
}

.contato input,
.contato textarea {
width: 100%;
padding: 10px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ccc;
}

.radio-group {
margin-top: 10px;
}

.radio-group label {
margin-right: 15px;
}

.contato fieldset {
margin-top: 15px;
padding: 10px;
border-radius: 5px;
border: 1px solid #ddd;
}

.contato button {
margin-top: 15px;
padding: 10px;
border: none;
border-radius: 5px;
background-color: #8B0000;
color: white;
cursor: pointer;
}

.contato button[type="reset"] {
background-color: #999;
}

.tabela-safras {
text-align: center;
margin-top: 40px;
}

.titulo-safras {
color: #5a0000;
}

table {
margin: 0 auto;
border-collapse: collapse;
font-size: 15px;
}

table, th, td {
border: 1px solid #ccc;
padding: 10px;
}

footer {
margin-top: 50px;
background-color: #8B0000;
color: white;
text-align: center;
padding: 20px;
}