/* ==========================
   GASTRONOMIA
========================== */
.hero-gastro {
  position: relative;
  height: 55vh; /* diminui a faixa cinza gigante */
  min-height: 320px;
  background: url("../imagens/gastronomia/hero-food.jpg") center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* overlay mais quente (remove o cinza pesado) */
.hero-gastro .hero-overlay {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    135deg,
    rgba(120, 65, 30, 0.65),
    rgba(40, 20, 10, 0.55)
  );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
}

/* título mais chamativo */
.hero-gastro h1 {
  color: #fff;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 1px;
  text-shadow: 0 3px 10px rgba(0,0,0,0.4);
}

/* subtítulo mais leve */
.hero-gastro p {
  color: #f5e7d5;
  font-size: 16px;
  max-width: 700px;
  margin-top: 10px;
  line-height: 1.5;
}


.hero-overlay{

position:absolute;

width:100%;
height:100%;

background:rgba(0,0,0,.45);

display:flex;
flex-direction:column;
justify-content:center;
align-items:center;

color:white;
text-align:center;
}

.hero-overlay h1{
font-size:60px;
margin-bottom:15px;
}

.hero-overlay p{
font-size:20px;
}

.destaque-gastro{

max-width:1200px;
margin:60px auto;

display:grid;
grid-template-columns:1fr 1fr;

gap:40px;

padding:20px;
}

.destaque-img img{
width:100%;
border-radius:12px;
}

.destaque-texto{
display:flex;
flex-direction:column;
justify-content:center;
}

.destaque-texto span{
color:#d4a017;
font-weight:bold;
margin-bottom:10px;
}

.destaque-texto h2{
font-size:40px;
margin-bottom:20px;
}

.destaque-texto p{
line-height:1.8;
margin-bottom:25px;
}

.btn-materia {
  margin-top: 15px;
  display: inline-block;
  padding: 10px 18px;
  background: #ffb347;
  color: #2b1b10;
  font-weight: bold;
  border-radius: 8px;
  text-decoration: none;
}

.btn-materia:hover {
  background: #ff9800;
  transform: scale(1.05);
  transition: 0.3s;
}

.grid-gastro{

max-width:1200px;
margin:auto;

padding:20px;

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

gap:25px;
}

.card-gastro{

background:white;

border-radius:12px;

overflow:hidden;

box-shadow:0 3px 15px rgba(0,0,0,.1);

transition:.3s;
}

.card-gastro:hover{
transform:translateY(-8px);
}

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

.card-gastro h3{
padding:20px 20px 10px;
}

.card-gastro p{
padding:0 20px 20px;
}

.anuncios-gastro{

padding:70px 20px;
text-align:center;
}

.anuncios-gastro h2{
margin-bottom:30px;
font-size:32px;
}

.anuncios-grid{

max-width:1200px;
margin:auto;

display:grid;
grid-template-columns:repeat(3,1fr);

gap:25px;
}

.anuncio-link{
text-decoration:none;
color:inherit;
display:block;
}

.anuncio-box{
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 3px 15px rgba(0,0,0,.1);
transition:.3s;
height:100%;
display:flex;
flex-direction:column;
}

.anuncio-box:hover{
transform:translateY(-8px);
}

.anuncio-box img{
width:100%;
height:200px;
object-fit:cover;
display:block;
}

.anuncio-box h3{
padding:15px 15px 5px;
font-size:18px;
}

.anuncio-box p{
padding:0 15px 15px;
font-size:14px;
line-height:1.4;
color:#444;
}

@media(max-width:768px){

.hero-overlay h1{
font-size:38px;
}

.destaque-gastro{
grid-template-columns:1fr;
}

.destaque-texto h2{
font-size:28px;
}

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

}