/* Estilos adicionales para el tema Restaurante Moderno */
/* Estos estilos complementan el template.html */

/* Animaciones suaves */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section {
    animation: fadeInUp 0.6s ease-out;
}

/* Efectos hover mejorados */
.menu-item,
.horario-item {
    transition: all 0.3s ease;
}

/* Scroll suave */
html {
    scroll-behavior: smooth;
}

/* Mejoras responsive */
@media (max-width: 480px) {
    .hero h1 {
        font-size: 32px;
    }
    
    .section-title {
        font-size: 32px;
    }
    
    .menu-grid {
        grid-template-columns: 1fr;
    }
}