Modularización de GKACHELE SaaS

demo/themes/restaurante-moderno/config.json

@@ -0,0 +1,30 @@
+{
+  "name": "Restaurante Moderno",
+  "rubro": "restaurante",
+  "description": "Tema elegante para restaurantes",
+  "sections": [
+    "hero",
+    "menu",
+    "horarios",
+    "reservas",
+    "especialidad_culinaria",
+    "contacto"
+  ],
+  "colors": {
+    "primary": "#c94d4d",
+    "secondary": "#d97757",
+    "accent": "#f4a261",
+    "text": "#2c2c2c"
+  },
+  "typography": {
+    "font_family": "Roboto",
+    "headings": "Playfair Display"
+  },
+  "features": {
+    "menu_url": true,
+    "horarios": true,
+    "reservas": true,
+    "capacidad": true,
+    "especialidad_culinaria": true
+  }
+}

demo/themes/restaurante-moderno/style.css

@@ -0,0 +1,44 @@
+/* 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;
+    }
+}