Restaurante Falc\u00f3n - Tradici\u00f3n y Buena Mesa<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n },\r\n colors: {\r\n stone: { 800: '#292524', 900: '#1c1917', 950: '#0c0a09' },\r\n amber: { 500: '#ff7b00', 600: '#ff4d00', 700: '#cc3d00', 900: '#992e00' }\r\n },\r\n animation: {\r\n 'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n },\r\n keyframes: {\r\n fadeInUp: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n html { scroll-behavior: smooth; }\r\n body { background-color: #0c0a09; color: #e7e5e4; overflow-x: hidden; }\r\n .hover-zoom { transition: transform 0.5s ease; }\r\n .hover-zoom:hover { transform: scale(1.02); }\r\n .mobile-menu-hidden { display: none; }\r\n .mobile-menu-visible { display: block; animation: fadeIn 0.3s ease-out; }\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\r\n .glow-hover { position: relative; overflow: hidden; }\r\n .glow-hover::before {\r\n content: ''; position: absolute; top: 0; left: -100%;\r\n width: 50%; height: 100%;\r\n background: linear-gradient(to right, transparent, rgba(255, 77, 0, 0.2), transparent);\r\n transform: skewX(-25deg); transition: 0.5s; z-index: 1;\r\n }\r\n .glow-hover:hover::before { left: 100%; }\r\n .led-border { box-shadow: 0 0 15px rgba(255, 77, 0, 0.1); transition: box-shadow 0.3s ease; }\r\n .led-border:hover { box-shadow: 0 0 25px rgba(255, 77, 0, 0.3); border-color: rgba(255, 77, 0, 0.5); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans antialiased selection:bg-amber-600 selection:text-white\">\r\n\r\n <div id=\"app\"><\/div>\r\n\r\n <script>\r\n const Navbar = () => `\r\n <nav class=\"fixed top-0 left-0 right-0 z-50 bg-stone-950\/90 backdrop-blur-md transition-all duration-300 w-full shadow-lg\">\r\n <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\r\n <div class=\"text-2xl font-serif font-bold text-white tracking-tight flex items-center gap-2 shrink-0\">\r\n <div class=\"w-2 h-8 bg-amber-600 shadow-[0_0_10px_rgba(255,77,0,0.6)]\"><\/div>\r\n Restaurante Falc\u00f3n\r\n <\/div>\r\n <div class=\"hidden lg:flex space-x-8 items-center\">\r\n ${['Inicio', 'Salones', 'Comer', 'Eventos', 'Contacto'].map(item => `\r\n <a href=\"#${item.toLowerCase()}\" class=\"text-stone-300 hover:text-amber-500 font-medium text-sm uppercase tracking-widest transition-colors !no-underline border-none outline-none\" style=\"text-decoration: none !important;\">\r\n ${item === 'Comer' ? 'Gastronom\u00eda' : item}\r\n <\/a>\r\n `).join('')}\r\n <button onclick=\"scrollToSection('contacto')\" class=\"border border-amber-600 text-amber-600 hover:bg-amber-600 hover:text-white font-medium py-2 px-6 transition-all duration-300 uppercase tracking-widest text-xs led-border\">\r\n Reservar\r\n <\/button>\r\n <\/div>\r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-white focus:outline-none hover:text-amber-500 transition-colors\">\r\n <i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div id=\"mobile-menu\" class=\"mobile-menu-hidden lg:hidden bg-stone-900 border-t border-stone-800 absolute w-full shadow-2xl\">\r\n <div class=\"flex flex-col p-6 space-y-6 text-center\">\r\n ${['Inicio', 'Salones', 'Comer', 'Eventos', 'Contacto'].map(item => `\r\n <a href=\"#${item.toLowerCase()}\" class=\"mobile-link text-stone-200 hover:text-amber-500 font-serif text-xl !no-underline border-none\" style=\"text-decoration: none !important;\">\r\n ${item === 'Comer' ? 'Gastronom\u00eda' : item}\r\n <\/a>\r\n `).join('')}\r\n <button onclick=\"scrollToSection('contacto')\" class=\"bg-amber-600 text-white py-3 font-bold w-full mt-4 uppercase tracking-widest\">\r\n Llamar para Reservar\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n `;\r\n\r\n const HeroSection = () => `\r\n <section id=\"inicio\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden pb-12\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544025162-d76694265947?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Fondo\" class=\"w-full h-full object-cover opacity-60\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-stone-950 via-stone-950\/60 to-black\/40\"><\/div>\r\n <\/div>\r\n <div class=\"relative z-10 container mx-auto px-6 text-center max-w-5xl animate-fade-in-up pt-20\">\r\n <div class=\"inline-block border-b-2 border-amber-600 pb-2 mb-6 shadow-[0_4px_20px_rgba(255,77,0,0.3)]\">\r\n <span class=\"text-amber-500 font-medium tracking-[0.3em] uppercase text-sm\">Desde 1979<\/span>\r\n <\/div>\r\n <div class=\"mb-8 flex justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/falcon-logo-web.png\" alt=\"Logo Restaurante Falc\u00f3n\" class=\"h-24 md:h-32 w-auto object-contain drop-shadow-lg opacity-90 hover:opacity-100 transition-opacity duration-500\">\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-serif font-bold mb-8 leading-tight text-white drop-shadow-lg\">\r\n S\u00e1bados en familia y amigos <br>\r\n <span class=\"italic text-amber-600 font-light\">Sabores que abrazan.<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-2xl text-stone-200 mb-10 font-light max-w-3xl mx-auto leading-relaxed\">\r\n Buena mesa, espacio para estar a gusto y cocina de mercado bien hecha. <br class=\"hidden md:block\">Sin prisas. Sin complicaciones.\r\n <\/p>\r\n <div class=\"flex flex-col md:flex-row gap-6 justify-center items-center w-full max-w-lg mx-auto md:max-w-none\">\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar vuestro sal\u00f3n\" target=\"_blank\" class=\"w-full md:w-auto bg-amber-600 hover:bg-amber-700 text-white min-w-[200px] py-4 px-8 transition-colors duration-300 uppercase tracking-widest text-sm font-medium glow-hover shadow-[0_0_15px_rgba(255,77,0,0.4)] text-center inline-flex justify-center items-center !no-underline\" style=\"text-decoration: none;\">\r\n Alquila tu Sal\u00f3n\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar%20una mesa\" target=\"_blank\" class=\"w-full md:w-auto bg-transparent hover:bg-white\/5 text-white hover:text-amber-500 min-w-[200px] py-4 px-8 border border-white hover:border-amber-500 transition-all duration-300 uppercase tracking-widest text-sm font-medium glow-hover text-center inline-flex justify-center items-center !no-underline\" style=\"text-decoration: none;\">\r\n Reserva tu mesa\r\n <\/a>\r\n <\/div>\r\n <div class=\"mt-16 flex flex-wrap justify-center gap-4 md:gap-8 text-xs md:text-sm text-stone-400 uppercase tracking-widest px-4 font-bold\">\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">MEN\u00daS ESPECIALES<\/a>\r\n <span class=\"w-1 h-1 bg-stone-600 rounded-full hidden md:block animate-pulse-slow\"><\/span>\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">MEN\u00da PARA GRUPOS<\/a>\r\n <span class=\"w-1 h-1 bg-stone-600 rounded-full hidden md:block animate-pulse-slow\"><\/span>\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">CARTA<\/a>\r\n <span class=\"w-1 h-1 bg-stone-600 rounded-full hidden md:block animate-pulse-slow\"><\/span>\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">ARROCES<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const SalonesSection = () => `\r\n <section id=\"salones\" class=\"pt-24 pb-8 bg-stone-900 border-t border-stone-800 relative\">\r\n <div class=\"absolute top-1\/4 left-0 w-64 h-64 bg-amber-600\/5 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"flex flex-col lg:flex-row items-center gap-16\">\r\n <div class=\"lg:w-1\/2 order-2 lg:order-1\">\r\n <span class=\"text-amber-600 font-serif italic text-xl mb-2 block\">Tu espacio privado<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif font-bold text-white mb-6\">\r\n Alquila tu sal\u00f3n. <br>M\u00f3ntalo a tu aire.\r\n <\/h2>\r\n <div class=\"w-20 h-1 bg-amber-600 mb-8 shadow-[0_0_10px_rgba(255,77,0,0.5)]\"><\/div>\r\n <p class=\"text-lg text-stone-300 mb-8 leading-relaxed font-light\">\r\n Disfruta de la libertad de sentirte como en casa. Como si fuera tu restaurante, en un espacio profesional con los servicios necesarios.\r\n Ideal para celebraciones privadas, fiestas y eventos.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-4 gap-x-8 mb-10\">\r\n ${['Espacios 100% di\u00e1fanos', 'Office equipado', 'Aseos privados', 'Sal\u00f3n independiente'].map(item => `\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"p-1 rounded-full bg-amber-600\/10\">\r\n <i data-lucide=\"check\" class=\"text-amber-600 w-4 h-4\"><\/i>\r\n <\/div>\r\n <span class=\"text-stone-300\">${item}<\/span>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n <div class=\"p-4 border border-stone-800 bg-stone-950\/30 mb-8 rounded-sm backdrop-blur-sm\">\r\n <p class=\"text-sm text-stone-400\">\r\n <i data-lucide=\"info\" class=\"inline w-4 h-4 mr-1 text-amber-600\"><\/i>\r\n Sal\u00f3n 190 m2 - Cocina y office profesional\r\n <\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar vuestro sal\u00f3n\" target=\"_blank\" class=\"flex items-center gap-3 text-white border-b border-amber-600 pb-1 hover:text-amber-500 transition-colors uppercase tracking-widest text-sm group w-fit !no-underline\" style=\"text-decoration: none;\">\r\n <i data-lucide=\"message-circle\" class=\"w-5 h-5 group-hover:scale-110 transition-transform\"><\/i> Consultar disponibilidad\r\n <\/a>\r\n <\/div>\r\n <div class=\"lg:w-1\/2 order-1 lg:order-2 grid grid-cols-2 gap-4\">\r\n <div class=\"relative w-full aspect-square overflow-hidden rounded-sm border border-stone-800 led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/50-1.png\" alt=\"Sal\u00f3n Eventos\" class=\"w-full h-full object-cover hover-zoom opacity-90 hover:opacity-100 transition-all duration-500\">\r\n <\/div>\r\n <div class=\"relative w-full aspect-square overflow-hidden rounded-sm border border-stone-800 led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/1.png\" alt=\"Detalle Mesa\" class=\"w-full h-full object-cover hover-zoom opacity-90 hover:opacity-100 transition-all duration-500\">\r\n <\/div>\r\n <div class=\"relative w-full aspect-square overflow-hidden rounded-sm border border-stone-800 led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/26.png\" alt=\"Ambiente Restaurante\" class=\"w-full h-full object-cover hover-zoom opacity-90 hover:opacity-100 transition-all duration-500\">\r\n <\/div>\r\n <div class=\"w-full aspect-square bg-stone-800\/80 flex flex-col items-center justify-center text-center border border-stone-700 rounded-sm p-4 group hover:border-amber-600 transition-colors duration-300 led-border backdrop-blur-sm\">\r\n <span class=\"block text-5xl font-serif text-amber-600 font-bold mb-2 group-hover:scale-110 transition-transform duration-300\">45+<\/span>\r\n <span class=\"text-xs text-stone-400 uppercase tracking-widest font-medium\">A\u00f1os de<br>Historia<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const GastronomiaSection = () => `\r\n <section id=\"comer\" class=\"pt-8 pb-24 bg-stone-900 relative\">\r\n <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-amber-600\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"mb-16 text-center\">\r\n <span class=\"text-amber-600 font-serif italic text-xl mb-2 block\">Nuestra propuesta<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif font-bold text-white mb-6\">Gastronom\u00eda<\/h2>\r\n <p class=\"text-stone-400 max-w-2xl mx-auto text-lg font-light\">\r\n Aqu\u00ed se viene a comer bien\u2026 y a estar a gusto. <br>Sin postureo, solo tradici\u00f3n viva y producto de verdad.\r\n <\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-0 border border-stone-800\/50\">\r\n ${[\r\n { title: 'La Barra', icon: 'coffee', desc: 'El lugar de encuentro de siempre. Tapas cl\u00e1sicas y caf\u00e9 de media ma\u00f1ana.' },\r\n { title: 'Men\u00fa Diario', icon: 'chef-hat', desc: 'Cocina casera de mercado. Guisos, verduras frescas y segundos reconfortantes.' },\r\n { title: 'Men\u00fa Especial', icon: 'utensils', desc: 'Selecci\u00f3n de nuestros mejores platos con materia prima de temporada.' }\r\n ].map(item => `\r\n <div class=\"group p-10 bg-stone-900\/50 border-r border-b border-stone-800\/50 hover:bg-stone-800 transition-colors duration-500 backdrop-blur-sm\">\r\n <i data-lucide=\"${item.icon}\" class=\"w-10 h-10 mb-6 text-stone-500 group-hover:text-amber-500 transition-colors\"><\/i>\r\n <h3 class=\"text-2xl font-serif font-bold text-white mb-4\">${item.title}<\/h3>\r\n <p class=\"text-stone-400 leading-relaxed text-sm\">${item.desc}<\/p>\r\n <\/div>\r\n `).join('')}\r\n <div class=\"group p-10 bg-stone-800\/60 border-b border-stone-800 relative overflow-hidden led-border flex flex-col h-full\">\r\n <div class=\"absolute top-0 right-0 w-16 h-16 bg-amber-600\/10 rounded-bl-full\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-amber-600\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <i data-lucide=\"star\" class=\"w-10 h-10 mb-6 text-amber-600 relative z-10\"><\/i>\r\n <h3 class=\"text-2xl font-serif font-bold text-white mb-4 relative z-10\">S\u00e1bados Falc\u00f3n<\/h3>\r\n <p class=\"text-stone-300 leading-relaxed text-sm relative z-10 mb-6 flex-grow\">El d\u00eda grande. Arroces al centro, pescados de lonja, carnes bien tratadas y una sobremesa eterna.<\/p>\r\n <div class=\"relative z-10\">\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar una mesa para el S\u00e1bado\" target=\"_blank\" class=\"inline-flex items-center gap-2 text-amber-500 hover:text-white border border-amber-600 hover:bg-amber-600 px-4 py-2 rounded-sm transition-colors text-xs uppercase tracking-widest font-bold !no-underline\" style=\"text-decoration: none;\">\r\n <i data-lucide=\"message-circle\" class=\"w-4 h-4\"><\/i> Reservar S\u00e1bado\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 mt-12 gap-2\">\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/20.png\" alt=\"Plato 1\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/entrecot-adobe.png\" alt=\"Entrecot\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/solomillo-adobe.png\" alt=\"Solomillo\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/chuletillas-adobe.png\" alt=\"Chuletillas\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const EventosSection = () => `\r\n <section id=\"eventos\" class=\"py-24 bg-stone-900 relative border-t border-stone-800\">\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"flex flex-col gap-12 max-w-5xl mx-auto\">\r\n <div class=\"w-full text-center\">\r\n <span class=\"text-amber-600 font-serif italic text-xl mb-2 block\">Reuniones que importan<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif font-bold text-white mb-6\">Celebraciones y Empresa<\/h2>\r\n <p class=\"text-stone-300 mb-12 font-light text-lg max-w-2xl mx-auto\">\r\n Disponemos de salones amplios perfectos para grupos grandes.\r\n Nos adaptamos a lo que necesit\u00e9is con la seriedad de siempre.\r\n <\/p>\r\n <div class=\"grid md:grid-cols-2 gap-8 mb-10 text-left\">\r\n <div class=\"bg-stone-950\/50 p-6 rounded-sm border border-stone-800 led-border hover:bg-stone-900 transition-colors\">\r\n <div class=\"flex gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-amber-600\/10 border border-amber-600\/30 flex items-center justify-center flex-shrink-0 text-amber-600 shadow-[0_0_10px_rgba(255,77,0,0.2)]\">\r\n <span class=\"font-serif font-bold text-xl\">1<\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white text-xl font-serif font-bold mb-2\">6 Men\u00fas Cerrados<\/h4>\r\n <p class=\"text-stone-400 text-sm\">Opciones desde picoteo hasta banquete completo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-stone-950\/50 p-6 rounded-sm border border-stone-800 led-border hover:bg-stone-900 transition-colors\">\r\n <div class=\"flex gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-amber-600\/10 border border-amber-600\/30 flex items-center justify-center flex-shrink-0 text-amber-600 shadow-[0_0_10px_rgba(255,77,0,0.2)]\">\r\n <span class=\"font-serif font-bold text-xl\">2<\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white text-xl font-serif font-bold mb-2\">Adaptaci\u00f3n Total<\/h4>\r\n <p class=\"text-stone-400 text-sm\">\u00bfAlergias? \u00bfNi\u00f1os? \u00bfVegetarianos? Lo gestionamos todo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar para hacer un evento\" target=\"_blank\" class=\"inline-block bg-amber-600 hover:bg-amber-700 text-white font-medium py-3 px-10 rounded-sm transition-all duration-300 uppercase tracking-widest text-sm shadow-[0_0_20px_rgba(255,77,0,0.4)] hover:shadow-[0_0_30px_rgba(255,77,0,0.6)] transform hover:-translate-y-1 !no-underline\" style=\"text-decoration: none;\">\r\n Organizar Evento\r\n <\/a>\r\n <\/div>\r\n <div class=\"w-full mt-8 relative overflow-hidden rounded-sm border border-stone-700 group led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550966871-3ed3c47e7c88?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity duration-700 scale-105 group-hover:scale-100\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-stone-950 via-stone-950\/80 to-stone-950\/50\"><\/div>\r\n <div class=\"relative z-10 p-8 md:p-12\">\r\n <h4 class=\"text-amber-600 font-serif text-3xl mb-8 italic text-center drop-shadow-md\">Perfecto para...<\/h4>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n ${['Comidas de Navidad', 'Cumplea\u00f1os familiares', 'Reuniones de s\u00e1bado', 'Eventos privados'].map(item => `\r\n <div class=\"flex items-center gap-3 p-4 bg-black\/40 rounded border border-white\/5 hover:border-amber-600\/50 transition-colors backdrop-blur-sm\">\r\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-amber-600\"><\/i>\r\n <span class=\"text-stone-200 font-medium\">${item}<\/span>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const ContactoSection = () => `\r\n <section id=\"contacto\" class=\"py-24 bg-stone-900 border-t border-stone-800 relative\">\r\n <div class=\"absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-amber-900\/10 to-transparent pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 mb-16\">\r\n <div>\r\n <h2 class=\"text-3xl md:text-4xl font-serif font-bold text-white mb-6\">Reservas y Contacto<\/h2>\r\n <p class=\"text-stone-400 mb-10 font-light\">\r\n La forma m\u00e1s r\u00e1pida de reservar es por tel\u00e9fono o WhatsApp. Para eventos especiales, contacta con antelaci\u00f3n.\r\n <\/p>\r\n <div class=\"space-y-8\">\r\n <div class=\"flex items-start gap-6 group\">\r\n <div class=\"p-3 bg-stone-900 rounded border border-stone-800 group-hover:border-amber-600\/50 transition-colors\">\r\n <i data-lucide=\"map-pin\" class=\"text-amber-600 w-6 h-6\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-white uppercase tracking-wider text-sm mb-1\">Direcci\u00f3n<\/h4>\r\n <p class=\"text-stone-400\">\r\n Pol\u00edgono Industrial San Jos\u00e9 de Valderas,<br>\r\n C. de la Electricidad, 24, 28918 Legan\u00e9s, Madrid\r\n <\/p>\r\n <p class=\"text-xs text-amber-600 font-medium mt-2 border border-amber-600\/30 inline-block px-2 py-1 bg-amber-600\/5 rounded\">Aparcamiento privado gratuito<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-6 group\">\r\n <div class=\"p-3 bg-stone-900 rounded border border-stone-800 group-hover:border-amber-600\/50 transition-colors\">\r\n <i data-lucide=\"phone\" class=\"text-amber-600 w-6 h-6\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-white uppercase tracking-wider text-sm mb-1\">Tel\u00e9fono<\/h4>\r\n <a href=\"tel:916101157\" class=\"text-stone-400 text-lg group-hover:text-white hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none;\">\r\n 916 10 11 57\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-6 group\">\r\n <div class=\"p-3 bg-stone-900 rounded border border-stone-800 group-hover:border-amber-600\/50 transition-colors\">\r\n <i data-lucide=\"clock\" class=\"text-amber-600 w-6 h-6\"><\/i>\r\n <\/div>\r\n <div class=\"w-full max-w-xs\">\r\n <h4 class=\"font-bold text-white uppercase tracking-wider text-sm mb-2\">Horario<\/h4>\r\n <ul class=\"text-stone-400 text-sm space-y-1\">\r\n <li class=\"flex justify-between\"><span>Lunes - Jueves:<\/span> <span>06:00 \u2013 19:00<\/span><\/li>\r\n <li class=\"flex justify-between text-stone-400\"><span>Viernes:<\/span> <span>06:00 \u2013 24:00<\/span><\/li>\r\n <li class=\"flex justify-between\"><span>S\u00e1bado:<\/span> <span>07:00 \u2013 18:00<\/span><\/li>\r\n <li class=\"flex justify-between\"><span class=\"text-amber-600\">Domingo:<\/span> <span>Cerrado<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-stone-900\/50 backdrop-blur-md p-8 border border-stone-800 flex flex-col justify-center items-center text-center led-border rounded-sm relative overflow-hidden\">\r\n <div class=\"absolute -top-10 -right-10 w-32 h-32 bg-amber-600\/20 rounded-full blur-[50px]\"><\/div>\r\n <h3 class=\"text-2xl font-serif font-bold text-white mb-4 relative z-10\">\u00bfQuieres reservar mesa?<\/h3>\r\n <p class=\"text-stone-400 mb-8 leading-relaxed relative z-10\">\r\n Haz tu reserva online de forma inmediata o cont\u00e1ctanos si tienes alguna petici\u00f3n especial.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar una mesa\" target=\"_blank\" class=\"w-full bg-amber-600 hover:bg-amber-700 text-white font-bold py-5 px-6 rounded-sm transition-all duration-300 uppercase tracking-widest flex items-center justify-center gap-3 text-sm md:text-base group relative z-10 shadow-[0_0_20px_rgba(255,77,0,0.3)] hover:shadow-[0_0_30px_rgba(255,77,0,0.5)] !no-underline\" style=\"text-decoration: none;\">\r\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6 group-hover:scale-110 transition-transform\"><\/i>\r\n Reservar en Restaurante Falc\u00f3n\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center mb-12 relative z-10\">\r\n <h3 class=\"text-white text-3xl font-serif font-bold mb-4\">Restaurante Falc\u00f3n<\/h3>\r\n <p class=\"leading-relaxed text-lg text-stone-400 max-w-2xl mx-auto\">\r\n M\u00e1s de 45 a\u00f1os cocinando historias. Un referente de la cocina tradicional donde la calidad y el trato cercano son innegociables.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-full h-96 rounded-sm overflow-hidden border border-stone-800 led-border relative z-10 grayscale hover:grayscale-0 transition-all duration-700\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\"\r\n src=\"https:\/\/maps.google.com\/maps?q=C.+de+la+Electricidad,+24,+28918+Legan\u00e9s,+Madrid&t=&z=15&ie=UTF8&iwloc=&output=embed\"\r\n title=\"Ubicaci\u00f3n Restaurante Falc\u00f3n\"\r\n style=\"filter: invert(90%) hue-rotate(180deg) contrast(90%);\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const Footer = () => `\r\n <footer class=\"bg-black text-stone-500 py-8 border-t border-stone-900 relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-1\/2 h-1 bg-gradient-to-r from-transparent via-amber-600\/50 to-transparent\"><\/div>\r\n <div class=\"container mx-auto px-6 text-center relative z-10\">\r\n <p class=\"text-stone-600 font-light text-sm\">\r\n © 2025 Restaurante Falc\u00f3n. Todos los derechos reservados.\r\n <\/p>\r\n <\/div>\r\n <\/footer>\r\n `;\r\n\r\n const App = () => {\r\n const app = document.getElementById('app');\r\n app.innerHTML =\r\n Navbar() +\r\n HeroSection() +\r\n SalonesSection() +\r\n GastronomiaSection() +\r\n EventosSection() +\r\n ContactoSection() +\r\n Footer();\r\n initScripts();\r\n };\r\n\r\n const initScripts = () => {\r\n lucide.createIcons();\r\n initMobileMenu();\r\n };\r\n\r\n const initMobileMenu = () => {\r\n const btn = document.getElementById('mobile-menu-btn');\r\n const menu = document.getElementById('mobile-menu');\r\n const links = document.querySelectorAll('.mobile-link');\r\n let isMenuOpen = false;\r\n\r\n const toggleMenu = () => {\r\n isMenuOpen = !isMenuOpen;\r\n if (isMenuOpen) {\r\n menu.classList.remove('mobile-menu-hidden');\r\n menu.classList.add('mobile-menu-visible');\r\n btn.innerHTML = '<i data-lucide=\"x\" class=\"w-8 h-8\"><\/i>';\r\n } else {\r\n menu.classList.add('mobile-menu-hidden');\r\n menu.classList.remove('mobile-menu-visible');\r\n btn.innerHTML = '<i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>';\r\n }\r\n lucide.createIcons();\r\n };\r\n\r\n btn.addEventListener('click', toggleMenu);\r\n links.forEach(link => link.addEventListener('click', () => {\r\n if (isMenuOpen) toggleMenu();\r\n }));\r\n };\r\n\r\n const scrollToSection = (id) => {\r\n const element = document.getElementById(id);\r\n if (element) element.scrollIntoView({ behavior: 'smooth' });\r\n };\r\n\r\n App();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restaurante Falc\u00f3n – Tradici\u00f3n y Buena Mesa<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-253","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":97,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Restaurante Falc\u00f3n - Tradici\u00f3n y Buena Mesa<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n theme: {\r\n extend: {\r\n fontFamily: {\r\n sans: ['Inter', 'sans-serif'],\r\n serif: ['Playfair Display', 'serif'],\r\n },\r\n colors: {\r\n stone: { 800: '#292524', 900: '#1c1917', 950: '#0c0a09' },\r\n amber: { 500: '#ff7b00', 600: '#ff4d00', 700: '#cc3d00', 900: '#992e00' }\r\n },\r\n animation: {\r\n 'fade-in-up': 'fadeInUp 0.8s ease-out forwards',\r\n 'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\r\n },\r\n keyframes: {\r\n fadeInUp: {\r\n '0%': { opacity: '0', transform: 'translateY(20px)' },\r\n '100%': { opacity: '1', transform: 'translateY(0)' },\r\n }\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n <style>\r\n html { scroll-behavior: smooth; }\r\n body { background-color: #0c0a09; color: #e7e5e4; overflow-x: hidden; }\r\n .hover-zoom { transition: transform 0.5s ease; }\r\n .hover-zoom:hover { transform: scale(1.02); }\r\n .mobile-menu-hidden { display: none; }\r\n .mobile-menu-visible { display: block; animation: fadeIn 0.3s ease-out; }\r\n @keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }\r\n .glow-hover { position: relative; overflow: hidden; }\r\n .glow-hover::before {\r\n content: ''; position: absolute; top: 0; left: -100%;\r\n width: 50%; height: 100%;\r\n background: linear-gradient(to right, transparent, rgba(255, 77, 0, 0.2), transparent);\r\n transform: skewX(-25deg); transition: 0.5s; z-index: 1;\r\n }\r\n .glow-hover:hover::before { left: 100%; }\r\n .led-border { box-shadow: 0 0 15px rgba(255, 77, 0, 0.1); transition: box-shadow 0.3s ease; }\r\n .led-border:hover { box-shadow: 0 0 25px rgba(255, 77, 0, 0.3); border-color: rgba(255, 77, 0, 0.5); }\r\n <\/style>\r\n<\/head>\r\n<body class=\"font-sans antialiased selection:bg-amber-600 selection:text-white\">\r\n\r\n <div id=\"app\"><\/div>\r\n\r\n <script>\r\n const Navbar = () => `\r\n <nav class=\"fixed top-0 left-0 right-0 z-50 bg-stone-950\/90 backdrop-blur-md transition-all duration-300 w-full shadow-lg\">\r\n <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\r\n <div class=\"text-2xl font-serif font-bold text-white tracking-tight flex items-center gap-2 shrink-0\">\r\n <div class=\"w-2 h-8 bg-amber-600 shadow-[0_0_10px_rgba(255,77,0,0.6)]\"><\/div>\r\n Restaurante Falc\u00f3n\r\n <\/div>\r\n <div class=\"hidden lg:flex space-x-8 items-center\">\r\n ${['Inicio', 'Salones', 'Comer', 'Eventos', 'Contacto'].map(item => `\r\n <a href=\"#${item.toLowerCase()}\" class=\"text-stone-300 hover:text-amber-500 font-medium text-sm uppercase tracking-widest transition-colors !no-underline border-none outline-none\" style=\"text-decoration: none !important;\">\r\n ${item === 'Comer' ? 'Gastronom\u00eda' : item}\r\n <\/a>\r\n `).join('')}\r\n <button onclick=\"scrollToSection('contacto')\" class=\"border border-amber-600 text-amber-600 hover:bg-amber-600 hover:text-white font-medium py-2 px-6 transition-all duration-300 uppercase tracking-widest text-xs led-border\">\r\n Reservar\r\n <\/button>\r\n <\/div>\r\n <button id=\"mobile-menu-btn\" class=\"lg:hidden text-white focus:outline-none hover:text-amber-500 transition-colors\">\r\n <i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div id=\"mobile-menu\" class=\"mobile-menu-hidden lg:hidden bg-stone-900 border-t border-stone-800 absolute w-full shadow-2xl\">\r\n <div class=\"flex flex-col p-6 space-y-6 text-center\">\r\n ${['Inicio', 'Salones', 'Comer', 'Eventos', 'Contacto'].map(item => `\r\n <a href=\"#${item.toLowerCase()}\" class=\"mobile-link text-stone-200 hover:text-amber-500 font-serif text-xl !no-underline border-none\" style=\"text-decoration: none !important;\">\r\n ${item === 'Comer' ? 'Gastronom\u00eda' : item}\r\n <\/a>\r\n `).join('')}\r\n <button onclick=\"scrollToSection('contacto')\" class=\"bg-amber-600 text-white py-3 font-bold w-full mt-4 uppercase tracking-widest\">\r\n Llamar para Reservar\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/nav>\r\n `;\r\n\r\n const HeroSection = () => `\r\n <section id=\"inicio\" class=\"relative min-h-screen flex items-center justify-center overflow-hidden pb-12\">\r\n <div class=\"absolute inset-0 z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1544025162-d76694265947?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" alt=\"Fondo\" class=\"w-full h-full object-cover opacity-60\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-stone-950 via-stone-950\/60 to-black\/40\"><\/div>\r\n <\/div>\r\n <div class=\"relative z-10 container mx-auto px-6 text-center max-w-5xl animate-fade-in-up pt-20\">\r\n <div class=\"inline-block border-b-2 border-amber-600 pb-2 mb-6 shadow-[0_4px_20px_rgba(255,77,0,0.3)]\">\r\n <span class=\"text-amber-500 font-medium tracking-[0.3em] uppercase text-sm\">Desde 1979<\/span>\r\n <\/div>\r\n <div class=\"mb-8 flex justify-center\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/falcon-logo-web.png\" alt=\"Logo Restaurante Falc\u00f3n\" class=\"h-24 md:h-32 w-auto object-contain drop-shadow-lg opacity-90 hover:opacity-100 transition-opacity duration-500\">\r\n <\/div>\r\n <h1 class=\"text-4xl md:text-6xl lg:text-7xl font-serif font-bold mb-8 leading-tight text-white drop-shadow-lg\">\r\n S\u00e1bados en familia y amigos <br>\r\n <span class=\"italic text-amber-600 font-light\">Sabores que abrazan.<\/span>\r\n <\/h1>\r\n <p class=\"text-lg md:text-2xl text-stone-200 mb-10 font-light max-w-3xl mx-auto leading-relaxed\">\r\n Buena mesa, espacio para estar a gusto y cocina de mercado bien hecha. <br class=\"hidden md:block\">Sin prisas. Sin complicaciones.\r\n <\/p>\r\n <div class=\"flex flex-col md:flex-row gap-6 justify-center items-center w-full max-w-lg mx-auto md:max-w-none\">\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar vuestro sal\u00f3n\" target=\"_blank\" class=\"w-full md:w-auto bg-amber-600 hover:bg-amber-700 text-white min-w-[200px] py-4 px-8 transition-colors duration-300 uppercase tracking-widest text-sm font-medium glow-hover shadow-[0_0_15px_rgba(255,77,0,0.4)] text-center inline-flex justify-center items-center !no-underline\" style=\"text-decoration: none;\">\r\n Alquila tu Sal\u00f3n\r\n <\/a>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar%20una mesa\" target=\"_blank\" class=\"w-full md:w-auto bg-transparent hover:bg-white\/5 text-white hover:text-amber-500 min-w-[200px] py-4 px-8 border border-white hover:border-amber-500 transition-all duration-300 uppercase tracking-widest text-sm font-medium glow-hover text-center inline-flex justify-center items-center !no-underline\" style=\"text-decoration: none;\">\r\n Reserva tu mesa\r\n <\/a>\r\n <\/div>\r\n <div class=\"mt-16 flex flex-wrap justify-center gap-4 md:gap-8 text-xs md:text-sm text-stone-400 uppercase tracking-widest px-4 font-bold\">\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">MEN\u00daS ESPECIALES<\/a>\r\n <span class=\"w-1 h-1 bg-stone-600 rounded-full hidden md:block animate-pulse-slow\"><\/span>\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">MEN\u00da PARA GRUPOS<\/a>\r\n <span class=\"w-1 h-1 bg-stone-600 rounded-full hidden md:block animate-pulse-slow\"><\/span>\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">CARTA<\/a>\r\n <span class=\"w-1 h-1 bg-stone-600 rounded-full hidden md:block animate-pulse-slow\"><\/span>\r\n <a href=\"https:\/\/restaurantefalcon.com\/index.php\/menus\/\" class=\"hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none !important;\">ARROCES<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const SalonesSection = () => `\r\n <section id=\"salones\" class=\"pt-24 pb-8 bg-stone-900 border-t border-stone-800 relative\">\r\n <div class=\"absolute top-1\/4 left-0 w-64 h-64 bg-amber-600\/5 rounded-full blur-[100px] pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"flex flex-col lg:flex-row items-center gap-16\">\r\n <div class=\"lg:w-1\/2 order-2 lg:order-1\">\r\n <span class=\"text-amber-600 font-serif italic text-xl mb-2 block\">Tu espacio privado<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif font-bold text-white mb-6\">\r\n Alquila tu sal\u00f3n. <br>M\u00f3ntalo a tu aire.\r\n <\/h2>\r\n <div class=\"w-20 h-1 bg-amber-600 mb-8 shadow-[0_0_10px_rgba(255,77,0,0.5)]\"><\/div>\r\n <p class=\"text-lg text-stone-300 mb-8 leading-relaxed font-light\">\r\n Disfruta de la libertad de sentirte como en casa. Como si fuera tu restaurante, en un espacio profesional con los servicios necesarios.\r\n Ideal para celebraciones privadas, fiestas y eventos.\r\n <\/p>\r\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-y-4 gap-x-8 mb-10\">\r\n ${['Espacios 100% di\u00e1fanos', 'Office equipado', 'Aseos privados', 'Sal\u00f3n independiente'].map(item => `\r\n <div class=\"flex items-center gap-3\">\r\n <div class=\"p-1 rounded-full bg-amber-600\/10\">\r\n <i data-lucide=\"check\" class=\"text-amber-600 w-4 h-4\"><\/i>\r\n <\/div>\r\n <span class=\"text-stone-300\">${item}<\/span>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n <div class=\"p-4 border border-stone-800 bg-stone-950\/30 mb-8 rounded-sm backdrop-blur-sm\">\r\n <p class=\"text-sm text-stone-400\">\r\n <i data-lucide=\"info\" class=\"inline w-4 h-4 mr-1 text-amber-600\"><\/i>\r\n Sal\u00f3n 190 m2 - Cocina y office profesional\r\n <\/p>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar vuestro sal\u00f3n\" target=\"_blank\" class=\"flex items-center gap-3 text-white border-b border-amber-600 pb-1 hover:text-amber-500 transition-colors uppercase tracking-widest text-sm group w-fit !no-underline\" style=\"text-decoration: none;\">\r\n <i data-lucide=\"message-circle\" class=\"w-5 h-5 group-hover:scale-110 transition-transform\"><\/i> Consultar disponibilidad\r\n <\/a>\r\n <\/div>\r\n <div class=\"lg:w-1\/2 order-1 lg:order-2 grid grid-cols-2 gap-4\">\r\n <div class=\"relative w-full aspect-square overflow-hidden rounded-sm border border-stone-800 led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/50-1.png\" alt=\"Sal\u00f3n Eventos\" class=\"w-full h-full object-cover hover-zoom opacity-90 hover:opacity-100 transition-all duration-500\">\r\n <\/div>\r\n <div class=\"relative w-full aspect-square overflow-hidden rounded-sm border border-stone-800 led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/1.png\" alt=\"Detalle Mesa\" class=\"w-full h-full object-cover hover-zoom opacity-90 hover:opacity-100 transition-all duration-500\">\r\n <\/div>\r\n <div class=\"relative w-full aspect-square overflow-hidden rounded-sm border border-stone-800 led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/26.png\" alt=\"Ambiente Restaurante\" class=\"w-full h-full object-cover hover-zoom opacity-90 hover:opacity-100 transition-all duration-500\">\r\n <\/div>\r\n <div class=\"w-full aspect-square bg-stone-800\/80 flex flex-col items-center justify-center text-center border border-stone-700 rounded-sm p-4 group hover:border-amber-600 transition-colors duration-300 led-border backdrop-blur-sm\">\r\n <span class=\"block text-5xl font-serif text-amber-600 font-bold mb-2 group-hover:scale-110 transition-transform duration-300\">45+<\/span>\r\n <span class=\"text-xs text-stone-400 uppercase tracking-widest font-medium\">A\u00f1os de<br>Historia<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const GastronomiaSection = () => `\r\n <section id=\"comer\" class=\"pt-8 pb-24 bg-stone-900 relative\">\r\n <div class=\"absolute bottom-0 right-0 w-96 h-96 bg-amber-600\/5 rounded-full blur-[120px] pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"mb-16 text-center\">\r\n <span class=\"text-amber-600 font-serif italic text-xl mb-2 block\">Nuestra propuesta<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif font-bold text-white mb-6\">Gastronom\u00eda<\/h2>\r\n <p class=\"text-stone-400 max-w-2xl mx-auto text-lg font-light\">\r\n Aqu\u00ed se viene a comer bien\u2026 y a estar a gusto. <br>Sin postureo, solo tradici\u00f3n viva y producto de verdad.\r\n <\/p>\r\n <\/div>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-0 border border-stone-800\/50\">\r\n ${[\r\n { title: 'La Barra', icon: 'coffee', desc: 'El lugar de encuentro de siempre. Tapas cl\u00e1sicas y caf\u00e9 de media ma\u00f1ana.' },\r\n { title: 'Men\u00fa Diario', icon: 'chef-hat', desc: 'Cocina casera de mercado. Guisos, verduras frescas y segundos reconfortantes.' },\r\n { title: 'Men\u00fa Especial', icon: 'utensils', desc: 'Selecci\u00f3n de nuestros mejores platos con materia prima de temporada.' }\r\n ].map(item => `\r\n <div class=\"group p-10 bg-stone-900\/50 border-r border-b border-stone-800\/50 hover:bg-stone-800 transition-colors duration-500 backdrop-blur-sm\">\r\n <i data-lucide=\"${item.icon}\" class=\"w-10 h-10 mb-6 text-stone-500 group-hover:text-amber-500 transition-colors\"><\/i>\r\n <h3 class=\"text-2xl font-serif font-bold text-white mb-4\">${item.title}<\/h3>\r\n <p class=\"text-stone-400 leading-relaxed text-sm\">${item.desc}<\/p>\r\n <\/div>\r\n `).join('')}\r\n <div class=\"group p-10 bg-stone-800\/60 border-b border-stone-800 relative overflow-hidden led-border flex flex-col h-full\">\r\n <div class=\"absolute top-0 right-0 w-16 h-16 bg-amber-600\/10 rounded-bl-full\"><\/div>\r\n <div class=\"absolute inset-0 bg-gradient-to-br from-amber-600\/5 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\"><\/div>\r\n <i data-lucide=\"star\" class=\"w-10 h-10 mb-6 text-amber-600 relative z-10\"><\/i>\r\n <h3 class=\"text-2xl font-serif font-bold text-white mb-4 relative z-10\">S\u00e1bados Falc\u00f3n<\/h3>\r\n <p class=\"text-stone-300 leading-relaxed text-sm relative z-10 mb-6 flex-grow\">El d\u00eda grande. Arroces al centro, pescados de lonja, carnes bien tratadas y una sobremesa eterna.<\/p>\r\n <div class=\"relative z-10\">\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar una mesa para el S\u00e1bado\" target=\"_blank\" class=\"inline-flex items-center gap-2 text-amber-500 hover:text-white border border-amber-600 hover:bg-amber-600 px-4 py-2 rounded-sm transition-colors text-xs uppercase tracking-widest font-bold !no-underline\" style=\"text-decoration: none;\">\r\n <i data-lucide=\"message-circle\" class=\"w-4 h-4\"><\/i> Reservar S\u00e1bado\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"grid grid-cols-2 md:grid-cols-4 mt-12 gap-2\">\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/01\/20.png\" alt=\"Plato 1\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/entrecot-adobe.png\" alt=\"Entrecot\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/solomillo-adobe.png\" alt=\"Solomillo\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <div class=\"overflow-hidden rounded-sm led-border aspect-[4\/3] md:aspect-[16\/10]\">\r\n <img decoding=\"async\" src=\"https:\/\/restaurantefalcon.com\/wp-content\/uploads\/2026\/04\/chuletillas-adobe.png\" alt=\"Chuletillas\" class=\"w-full h-full object-cover opacity-90 hover:opacity-100 transition-all hover:scale-105 duration-700\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const EventosSection = () => `\r\n <section id=\"eventos\" class=\"py-24 bg-stone-900 relative border-t border-stone-800\">\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"flex flex-col gap-12 max-w-5xl mx-auto\">\r\n <div class=\"w-full text-center\">\r\n <span class=\"text-amber-600 font-serif italic text-xl mb-2 block\">Reuniones que importan<\/span>\r\n <h2 class=\"text-3xl md:text-5xl font-serif font-bold text-white mb-6\">Celebraciones y Empresa<\/h2>\r\n <p class=\"text-stone-300 mb-12 font-light text-lg max-w-2xl mx-auto\">\r\n Disponemos de salones amplios perfectos para grupos grandes.\r\n Nos adaptamos a lo que necesit\u00e9is con la seriedad de siempre.\r\n <\/p>\r\n <div class=\"grid md:grid-cols-2 gap-8 mb-10 text-left\">\r\n <div class=\"bg-stone-950\/50 p-6 rounded-sm border border-stone-800 led-border hover:bg-stone-900 transition-colors\">\r\n <div class=\"flex gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-amber-600\/10 border border-amber-600\/30 flex items-center justify-center flex-shrink-0 text-amber-600 shadow-[0_0_10px_rgba(255,77,0,0.2)]\">\r\n <span class=\"font-serif font-bold text-xl\">1<\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white text-xl font-serif font-bold mb-2\">6 Men\u00fas Cerrados<\/h4>\r\n <p class=\"text-stone-400 text-sm\">Opciones desde picoteo hasta banquete completo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-stone-950\/50 p-6 rounded-sm border border-stone-800 led-border hover:bg-stone-900 transition-colors\">\r\n <div class=\"flex gap-4\">\r\n <div class=\"w-12 h-12 rounded-full bg-amber-600\/10 border border-amber-600\/30 flex items-center justify-center flex-shrink-0 text-amber-600 shadow-[0_0_10px_rgba(255,77,0,0.2)]\">\r\n <span class=\"font-serif font-bold text-xl\">2<\/span>\r\n <\/div>\r\n <div>\r\n <h4 class=\"text-white text-xl font-serif font-bold mb-2\">Adaptaci\u00f3n Total<\/h4>\r\n <p class=\"text-stone-400 text-sm\">\u00bfAlergias? \u00bfNi\u00f1os? \u00bfVegetarianos? Lo gestionamos todo.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar para hacer un evento\" target=\"_blank\" class=\"inline-block bg-amber-600 hover:bg-amber-700 text-white font-medium py-3 px-10 rounded-sm transition-all duration-300 uppercase tracking-widest text-sm shadow-[0_0_20px_rgba(255,77,0,0.4)] hover:shadow-[0_0_30px_rgba(255,77,0,0.6)] transform hover:-translate-y-1 !no-underline\" style=\"text-decoration: none;\">\r\n Organizar Evento\r\n <\/a>\r\n <\/div>\r\n <div class=\"w-full mt-8 relative overflow-hidden rounded-sm border border-stone-700 group led-border\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550966871-3ed3c47e7c88?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80\" class=\"absolute inset-0 w-full h-full object-cover opacity-20 group-hover:opacity-30 transition-opacity duration-700 scale-105 group-hover:scale-100\">\r\n <div class=\"absolute inset-0 bg-gradient-to-r from-stone-950 via-stone-950\/80 to-stone-950\/50\"><\/div>\r\n <div class=\"relative z-10 p-8 md:p-12\">\r\n <h4 class=\"text-amber-600 font-serif text-3xl mb-8 italic text-center drop-shadow-md\">Perfecto para...<\/h4>\r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\r\n ${['Comidas de Navidad', 'Cumplea\u00f1os familiares', 'Reuniones de s\u00e1bado', 'Eventos privados'].map(item => `\r\n <div class=\"flex items-center gap-3 p-4 bg-black\/40 rounded border border-white\/5 hover:border-amber-600\/50 transition-colors backdrop-blur-sm\">\r\n <i data-lucide=\"check-circle\" class=\"w-5 h-5 text-amber-600\"><\/i>\r\n <span class=\"text-stone-200 font-medium\">${item}<\/span>\r\n <\/div>\r\n `).join('')}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const ContactoSection = () => `\r\n <section id=\"contacto\" class=\"py-24 bg-stone-900 border-t border-stone-800 relative\">\r\n <div class=\"absolute bottom-0 left-0 w-full h-32 bg-gradient-to-t from-amber-900\/10 to-transparent pointer-events-none\"><\/div>\r\n <div class=\"container mx-auto px-6 relative z-10\">\r\n <div class=\"grid lg:grid-cols-2 gap-16 mb-16\">\r\n <div>\r\n <h2 class=\"text-3xl md:text-4xl font-serif font-bold text-white mb-6\">Reservas y Contacto<\/h2>\r\n <p class=\"text-stone-400 mb-10 font-light\">\r\n La forma m\u00e1s r\u00e1pida de reservar es por tel\u00e9fono o WhatsApp. Para eventos especiales, contacta con antelaci\u00f3n.\r\n <\/p>\r\n <div class=\"space-y-8\">\r\n <div class=\"flex items-start gap-6 group\">\r\n <div class=\"p-3 bg-stone-900 rounded border border-stone-800 group-hover:border-amber-600\/50 transition-colors\">\r\n <i data-lucide=\"map-pin\" class=\"text-amber-600 w-6 h-6\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-white uppercase tracking-wider text-sm mb-1\">Direcci\u00f3n<\/h4>\r\n <p class=\"text-stone-400\">\r\n Pol\u00edgono Industrial San Jos\u00e9 de Valderas,<br>\r\n C. de la Electricidad, 24, 28918 Legan\u00e9s, Madrid\r\n <\/p>\r\n <p class=\"text-xs text-amber-600 font-medium mt-2 border border-amber-600\/30 inline-block px-2 py-1 bg-amber-600\/5 rounded\">Aparcamiento privado gratuito<\/p>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-6 group\">\r\n <div class=\"p-3 bg-stone-900 rounded border border-stone-800 group-hover:border-amber-600\/50 transition-colors\">\r\n <i data-lucide=\"phone\" class=\"text-amber-600 w-6 h-6\"><\/i>\r\n <\/div>\r\n <div>\r\n <h4 class=\"font-bold text-white uppercase tracking-wider text-sm mb-1\">Tel\u00e9fono<\/h4>\r\n <a href=\"tel:916101157\" class=\"text-stone-400 text-lg group-hover:text-white hover:text-amber-500 transition-colors !no-underline\" style=\"text-decoration: none;\">\r\n 916 10 11 57\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start gap-6 group\">\r\n <div class=\"p-3 bg-stone-900 rounded border border-stone-800 group-hover:border-amber-600\/50 transition-colors\">\r\n <i data-lucide=\"clock\" class=\"text-amber-600 w-6 h-6\"><\/i>\r\n <\/div>\r\n <div class=\"w-full max-w-xs\">\r\n <h4 class=\"font-bold text-white uppercase tracking-wider text-sm mb-2\">Horario<\/h4>\r\n <ul class=\"text-stone-400 text-sm space-y-1\">\r\n <li class=\"flex justify-between\"><span>Lunes - Jueves:<\/span> <span>06:00 \u2013 19:00<\/span><\/li>\r\n <li class=\"flex justify-between text-stone-400\"><span>Viernes:<\/span> <span>06:00 \u2013 24:00<\/span><\/li>\r\n <li class=\"flex justify-between\"><span>S\u00e1bado:<\/span> <span>07:00 \u2013 18:00<\/span><\/li>\r\n <li class=\"flex justify-between\"><span class=\"text-amber-600\">Domingo:<\/span> <span>Cerrado<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"bg-stone-900\/50 backdrop-blur-md p-8 border border-stone-800 flex flex-col justify-center items-center text-center led-border rounded-sm relative overflow-hidden\">\r\n <div class=\"absolute -top-10 -right-10 w-32 h-32 bg-amber-600\/20 rounded-full blur-[50px]\"><\/div>\r\n <h3 class=\"text-2xl font-serif font-bold text-white mb-4 relative z-10\">\u00bfQuieres reservar mesa?<\/h3>\r\n <p class=\"text-stone-400 mb-8 leading-relaxed relative z-10\">\r\n Haz tu reserva online de forma inmediata o cont\u00e1ctanos si tienes alguna petici\u00f3n especial.\r\n <\/p>\r\n <a href=\"https:\/\/wa.me\/34657040552?text=Hola%2C%20quiero%20reservar una mesa\" target=\"_blank\" class=\"w-full bg-amber-600 hover:bg-amber-700 text-white font-bold py-5 px-6 rounded-sm transition-all duration-300 uppercase tracking-widest flex items-center justify-center gap-3 text-sm md:text-base group relative z-10 shadow-[0_0_20px_rgba(255,77,0,0.3)] hover:shadow-[0_0_30px_rgba(255,77,0,0.5)] !no-underline\" style=\"text-decoration: none;\">\r\n <i data-lucide=\"calendar-check\" class=\"w-6 h-6 group-hover:scale-110 transition-transform\"><\/i>\r\n Reservar en Restaurante Falc\u00f3n\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"text-center mb-12 relative z-10\">\r\n <h3 class=\"text-white text-3xl font-serif font-bold mb-4\">Restaurante Falc\u00f3n<\/h3>\r\n <p class=\"leading-relaxed text-lg text-stone-400 max-w-2xl mx-auto\">\r\n M\u00e1s de 45 a\u00f1os cocinando historias. Un referente de la cocina tradicional donde la calidad y el trato cercano son innegociables.\r\n <\/p>\r\n <\/div>\r\n <div class=\"w-full h-96 rounded-sm overflow-hidden border border-stone-800 led-border relative z-10 grayscale hover:grayscale-0 transition-all duration-700\">\r\n <iframe width=\"100%\" height=\"100%\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\"\r\n src=\"https:\/\/maps.google.com\/maps?q=C.+de+la+Electricidad,+24,+28918+Legan\u00e9s,+Madrid&t=&z=15&ie=UTF8&iwloc=&output=embed\"\r\n title=\"Ubicaci\u00f3n Restaurante Falc\u00f3n\"\r\n style=\"filter: invert(90%) hue-rotate(180deg) contrast(90%);\">\r\n <\/iframe>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n `;\r\n\r\n const Footer = () => `\r\n <footer class=\"bg-black text-stone-500 py-8 border-t border-stone-900 relative overflow-hidden\">\r\n <div class=\"absolute top-0 left-1\/2 -translate-x-1\/2 w-1\/2 h-1 bg-gradient-to-r from-transparent via-amber-600\/50 to-transparent\"><\/div>\r\n <div class=\"container mx-auto px-6 text-center relative z-10\">\r\n <p class=\"text-stone-600 font-light text-sm\">\r\n © 2025 Restaurante Falc\u00f3n. Todos los derechos reservados.\r\n <\/p>\r\n <\/div>\r\n <\/footer>\r\n `;\r\n\r\n const App = () => {\r\n const app = document.getElementById('app');\r\n app.innerHTML =\r\n Navbar() +\r\n HeroSection() +\r\n SalonesSection() +\r\n GastronomiaSection() +\r\n EventosSection() +\r\n ContactoSection() +\r\n Footer();\r\n initScripts();\r\n };\r\n\r\n const initScripts = () => {\r\n lucide.createIcons();\r\n initMobileMenu();\r\n };\r\n\r\n const initMobileMenu = () => {\r\n const btn = document.getElementById('mobile-menu-btn');\r\n const menu = document.getElementById('mobile-menu');\r\n const links = document.querySelectorAll('.mobile-link');\r\n let isMenuOpen = false;\r\n\r\n const toggleMenu = () => {\r\n isMenuOpen = !isMenuOpen;\r\n if (isMenuOpen) {\r\n menu.classList.remove('mobile-menu-hidden');\r\n menu.classList.add('mobile-menu-visible');\r\n btn.innerHTML = '<i data-lucide=\"x\" class=\"w-8 h-8\"><\/i>';\r\n } else {\r\n menu.classList.add('mobile-menu-hidden');\r\n menu.classList.remove('mobile-menu-visible');\r\n btn.innerHTML = '<i data-lucide=\"menu\" class=\"w-8 h-8\"><\/i>';\r\n }\r\n lucide.createIcons();\r\n };\r\n\r\n btn.addEventListener('click', toggleMenu);\r\n links.forEach(link => link.addEventListener('click', () => {\r\n if (isMenuOpen) toggleMenu();\r\n }));\r\n };\r\n\r\n const scrollToSection = (id) => {\r\n const element = document.getElementById(id);\r\n if (element) element.scrollIntoView({ behavior: 'smooth' });\r\n };\r\n\r\n App();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restaurante Falc\u00f3n – Tradici\u00f3n y Buena Mesa<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-253","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages\/253","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/comments?post=253"}],"version-history":[{"count":97,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions"}],"predecessor-version":[{"id":383,"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/pages\/253\/revisions\/383"}],"wp:attachment":[{"href":"https:\/\/restaurantefalcon.com\/index.php\/wp-json\/wp\/v2\/media?parent=253"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}