/* =========================
   HERO GOBIERNO
========================= */

.gob-hero{
height:280px;
display:flex;
align-items:center;
justify-content:center;
text-align:center;

background:linear-gradient(
120deg,
rgba(255,106,0,0.9),
rgba(255,140,66,0.7)
);

color:white;
}

.gob-hero h1{
font-size:48px;
margin-bottom:10px;
font-weight:700;
}

.gob-hero p{
font-size:16px;
opacity:.9;
}

/* =========================
   DESTACADA
========================= */

.gob-featured{
padding:50px 20px;
}

.gob-featured-card{
display:flex;
gap:25px;
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 20px 50px rgba(0,0,0,.12);
transition:.3s;
}

.gob-featured-card:hover{
transform:translateY(-5px);
}

.gob-featured-card img{
width:50%;
object-fit:cover;
}

.gob-featured-info{
padding:30px;
display:flex;
flex-direction:column;
justify-content:center;
}

.tag{
background:#ff6a00;
color:white;
padding:6px 12px;
border-radius:20px;
font-size:12px;
width:max-content;
margin-bottom:10px;
}

.gob-featured-info h2{
font-size:28px;
margin-bottom:10px;
}

.gob-featured-info p{
color:#555;
margin-bottom:15px;
}

.gob-featured-info a{
background:#ff6a00;
color:white;
padding:10px 20px;
border-radius:10px;
text-decoration:none;
font-weight:bold;
transition:.3s;
}

.gob-featured-info a:hover{
background:#e65c00;
}

/* =========================
   GRID
========================= */

.gob-grid{
padding:40px 20px;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
}

.gob-card{
background:white;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,.08);
transition:.3s;
cursor:pointer;
}

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

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

.gob-card-content{
padding:18px;
}

.gob-card-content h3{
font-size:18px;
margin-bottom:8px;
}

.gob-card-content p{
font-size:14px;
color:#666;
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:768px){

.gob-featured-card{
flex-direction:column;
}

.gob-featured-card img{
width:100%;
}

.gob-hero h1{
font-size:32px;
}

}