45 lines
772 B
CSS
45 lines
772 B
CSS
/* 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;
|
|
}
|
|
}
|