.intro-container {
display: flex;
gap: 20px;
margin: 30px auto;
max-width: 1100px;
}

.bienvenida {
flex: 1;
}

.actualidad {
flex: 1.5;
}

.menu-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
max-width: 900px;
margin: 40px auto;
}

.menu-card {
background: white;
border: 3px solid #ffd6e7;
border-radius: 20px;
padding: 25px;
text-align: center;
text-decoration: none;
color: #444;
transition: 0.3s;
}

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

.icon {
font-size: 3rem;
}

.menu-card h3 {
margin-top: 10px;
}

@media (max-width: 800px) {

.intro-container {
    flex-direction: column;
}

.menu-grid {
    grid-template-columns: repeat(2, 1fr);
}

}