{"id":11,"date":"2026-06-07T17:46:03","date_gmt":"2026-06-07T17:46:03","guid":{"rendered":"http:\/\/proyectoswebdemo.es\/restaurante\/?page_id=11"},"modified":"2026-06-30T20:09:00","modified_gmt":"2026-06-30T20:09:00","slug":"restaurante","status":"publish","type":"page","link":"https:\/\/proyectoswebdemo.es\/restaurante\/","title":{"rendered":"Restaurante"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11\" class=\"elementor elementor-11\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25bd55a e-con-full e-flex e-con e-parent\" data-id=\"25bd55a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2dc0777 elementor-widget elementor-widget-html\" data-id=\"2dc0777\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Nombre del Restaurante - Sabor \u00danico<\/title>\r\n    <style>\r\n        \/* ESTILOS GENERALES *\/\r\n        :root {\r\n            --color-primario: #d4af37; \/* Dorado *\/\r\n            --color-oscuro: #1a1a1a;\r\n            --color-claro: #f9f9f9;\r\n            --texto-oscuro: #333;\r\n            --texto-claro: #fff;\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n        }\r\n\r\n        body {\r\n            background-color: var(--color-claro);\r\n            color: var(--texto-oscuro);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .container {\r\n            width: 90%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 60px 0;\r\n        }\r\n\r\n        .btn {\r\n            display: inline-block;\r\n            background-color: var(--color-primario);\r\n            color: var(--color-oscuro);\r\n            padding: 12px 28px;\r\n            text-decoration: none;\r\n            font-weight: bold;\r\n            border-radius: 5px;\r\n            transition: background 0.3s;\r\n            border: none;\r\n            cursor: pointer;\r\n        }\r\n\r\n        .btn:hover {\r\n            background-color: #bfa030;\r\n            color: var(--texto-claro);\r\n        }\r\n\r\n        h2 {\r\n            text-align: center;\r\n            font-size: 2.5rem;\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n        }\r\n\r\n        h2::after {\r\n            content: '';\r\n            display: block;\r\n            width: 60px;\r\n            height: 3px;\r\n            background-color: var(--color-primario);\r\n            margin: 10px auto 0;\r\n        }\r\n\r\n        \/* 1. NAV \/ HEADER (CORREGIDO PARA EVITAR DESBORDAMIENTO AL BAJAR ZOOM) *\/\r\n        header {\r\n            background-color: rgba(26, 26, 26, 0.95);\r\n            position: fixed;\r\n            width: 100%;\r\n            top: 0;\r\n            z-index: 1000;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        \/* Envoltura que encuadra el men\u00fa con el resto de la web *\/\r\n        .nav-wrap {\r\n            width: 90%;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .nav-container {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 15px 0;\r\n        }\r\n\r\n        .logo-link {\r\n            display: flex;\r\n            align-items: center;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .logo-text {\r\n            color: var(--texto-claro);\r\n            font-size: 1.5rem;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .logo-text span {\r\n            color: var(--color-primario);\r\n        }\r\n\r\n        \/* Estilo para cuando subas tu imagen de logotipo *\/\r\n        .logo-img {\r\n            max-height: 45px; \/* Ajusta la altura m\u00e1xima de tu logo aqu\u00ed *\/\r\n            width: auto;\r\n            display: block;\r\n        }\r\n\r\n        .nav-links {\r\n            list-style: none;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .nav-links li {\r\n            margin-left: 20px;\r\n        }\r\n\r\n        .nav-links a {\r\n            color: var(--texto-claro);\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .nav-links a:hover {\r\n            color: var(--color-primario);\r\n        }\r\n\r\n        \/* 2. HERO SECTION *\/\r\n        .hero {\r\n            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.7)), url('https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?q=80&w=1920') no-repeat center center\/cover;\r\n            height: 100vh;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            text-align: center;\r\n            color: var(--texto-claro);\r\n            padding-top: 80px;\r\n        }\r\n\r\n        .hero-content h1 {\r\n            font-size: 3.5rem;\r\n            margin-bottom: 20px;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .hero-content p {\r\n            font-size: 1.2rem;\r\n            margin-bottom: 30px;\r\n            max-width: 600px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n\r\n        \/* 3. MENU \/ ESPECIALIDADES *\/\r\n        .menu-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 30px;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .menu-item {\r\n            background: white;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        .menu-img {\r\n            height: 220px;\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n\r\n        .menu-info {\r\n            padding: 20px;\r\n        }\r\n\r\n        .menu-title-price {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 10px;\r\n            gap: 10px;\r\n        }\r\n\r\n        .menu-title-price h3 {\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .menu-price {\r\n            color: var(--color-primario);\r\n            font-weight: bold;\r\n            font-size: 1.2rem;\r\n            white-space: nowrap;\r\n        }\r\n\r\n        .menu-info p {\r\n            color: #666;\r\n            font-size: 0.95rem;\r\n        }\r\n\r\n        .menu-cta {\r\n            text-align: center;\r\n        }\r\n\r\n        \/* 4. SOBRE NOSOTROS *\/\r\n        .about {\r\n            background-color: #fff;\r\n        }\r\n\r\n        .about-content {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 50px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .about-text, .about-img {\r\n            flex: 1;\r\n            min-width: 300px;\r\n        }\r\n\r\n        .about-img img {\r\n            width: 100%;\r\n            border-radius: 8px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        \/* 5. TESTIMONIOS *\/\r\n        .testimonials {\r\n            background-color: var(--color-oscuro);\r\n            color: var(--texto-claro);\r\n        }\r\n\r\n        .testimonial-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n            gap: 30px;\r\n        }\r\n\r\n        .testimonial-card {\r\n            background-color: #2a2a2a;\r\n            padding: 30px;\r\n            border-radius: 8px;\r\n            border-left: 4px solid var(--color-primario);\r\n        }\r\n\r\n        .stars {\r\n            color: var(--color-primario);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .client-name {\r\n            display: block;\r\n            margin-top: 15px;\r\n            font-weight: bold;\r\n            font-size: 0.9rem;\r\n            color: #aaa;\r\n        }\r\n\r\n        \/* 6. GALERIA *\/\r\n        .gallery-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 15px;\r\n        }\r\n\r\n        .gallery-item {\r\n            height: 200px;\r\n            background-size: cover;\r\n            background-position: center;\r\n            border-radius: 5px;\r\n            transition: transform 0.3s;\r\n        }\r\n\r\n        .gallery-item:hover {\r\n            transform: scale(1.03);\r\n        }\r\n\r\n        \/* 7. CONTACTO Y HORARIOS *\/\r\n        .contact-section {\r\n            background-color: #fff;\r\n        }\r\n\r\n        .contact-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n            gap: 40px;\r\n        }\r\n\r\n        .info-box h3 {\r\n            margin-bottom: 15px;\r\n            color: var(--color-oscuro);\r\n        }\r\n\r\n        .info-box p {\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .map-container iframe {\r\n            width: 100%;\r\n            height: 250px;\r\n            border: 0;\r\n            border-radius: 8px;\r\n        }\r\n\r\n        \/* 8. FOOTER *\/\r\n        footer {\r\n            background-color: var(--color-oscuro);\r\n            color: #aaa;\r\n            padding: 40px 0 20px;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .footer-content {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            gap: 20px;\r\n            border-bottom: 1px solid #333;\r\n            padding-bottom: 20px;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .footer-links a {\r\n            color: #aaa;\r\n            text-decoration: none;\r\n            margin-left: 15px;\r\n        }\r\n\r\n        .footer-links a:hover {\r\n            color: var(--color-primario);\r\n        }\r\n\r\n        .copyright {\r\n            text-align: center;\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (max-width: 768px) {\r\n            .nav-container {\r\n                flex-direction: column;\r\n                gap: 15px;\r\n                padding: 10px 0;\r\n            }\r\n            .nav-links {\r\n                display: flex; \r\n                flex-wrap: wrap;\r\n                justify-content: center;\r\n                gap: 10px;\r\n            }\r\n            .nav-links li {\r\n                margin-left: 0;\r\n                margin: 0 5px;\r\n            }\r\n            .nav-links a {\r\n                font-size: 0.9rem;\r\n            }\r\n            .hero-content h1 {\r\n                font-size: 2.3rem;\r\n            }\r\n            h2 {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <header>\r\n        <div class=\"nav-wrap\">\r\n            <div class=\"nav-container\">\r\n                <a href=\"#\" class=\"logo-link\">\r\n                    <span class=\"logo-text\">RESTAURANTE<span>.<\/span><\/span>\r\n                    \r\n                    <\/a>\r\n                \r\n                <ul class=\"nav-links\">\r\n                    <li><a href=\"#menu\">El Men\u00fa<\/a><\/li>\r\n                    <li><a href=\"#about\">Nosotros<\/a><\/li>\r\n                    <li><a href=\"#reviews\">Opiniones<\/a><\/li>\r\n                    <li><a href=\"#contact\">Contacto<\/a><\/li>\r\n                    <li><a href=\"#contact\" class=\"btn\" style=\"padding: 8px 15px;\">Reservar Mesa<\/a><\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/header>\r\n\r\n    <section class=\"hero\">\r\n        <div class=\"hero-content\">\r\n            <h1>Alta Cocina y Tradici\u00f3n<\/h1>\r\n            <p>Descubre una experiencia gastronomica \u00fanica en un entorno acogedor. Ingredientes locales seleccionados con pasi\u00f3n.<\/p>\r\n            <a href=\"#menu\" class=\"btn\">Ver la Carta<\/a>\r\n        <\/div>\r\n    <\/section>\r\n     <section id=\"menu\" class=\"container\">\r\n        <h2>Nuestro Menu Diario<\/h2>\r\n                <style>\n        .barra-filtros-gastronomica { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 25px; font-family: sans-serif; align-items: center; justify-content: space-between; background: #fdfdfd; padding: 15px; border-radius: 10px; border: 1px solid #eaeaea; }\n        .grupo-filtros-cats { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n        .filtro-titulo { font-size: 13px; font-weight: bold; color: #555; }\n        .btn-filtro {\n        padding: 8px 14px !important;\n        border: 1px solid #ccc !important;\n        background-color: #ffffff !important;\n        background: #ffffff !important;\n        border-radius: 6px !important;\n        font-size: 13px !important;\n        font-weight: 500 !important;\n        cursor: pointer !important;\n        color: #444444 !important;\n        user-select: none !important;\n        transition: none !important;\n        box-shadow: none !important;\n        }\n        .btn-filtro:hover { background-color: #f5f5f5 !important; background: #f5f5f5 !important; color: #444444 !important; }\n        .btn-filtro.activo { background-color: #D4AF37 !important; background: #D4AF37 !important; color: #ffffff !important; border-color: #D4AF37 !important; }\n        #contenedor-cartas-menus { display: flex; flex-wrap: wrap; gap: 30px; padding: 10px; margin-bottom: 20px;}\n        .menu-card { width: calc(33.333% - 20px); border-radius: 15px; overflow:hidden; box-shadow:0 10px 25px rgba(0,0,0,0.06); background:#fff; transition: transform 0.3s ease; border: 1px solid #eee; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}\n        @media (max-width: 992px) { .menu-card { width: calc(50% - 15px); } }\n        @media (max-width: 600px) { .menu-card { width: 100%; } }\n        .menu-card:hover { transform: translateY(-4px); }\n        .btn-desplegar-platos { background: #f5f5f5; color: #333; border: 1px solid #ddd; padding: 10px; width: 100%; text-align: center; font-size: 13px; font-weight: bold; cursor: pointer; border-radius: 8px; margin-bottom: 12px; display: flex; align-items: center; justify-content: center; gap: 5px; transition: background 0.2s; user-select: none; }\n        .btn-desplegar-platos:hover { background: #eaeaea; }\n        .wrapper-desplegable-platos { display: none; overflow: hidden; }\n        .menu-desc { font-size:15px; color:#444; line-height: 1.6; margin-bottom: 15px; background: #fafafa; padding: 15px; border-radius: 8px; border-left: 3px solid #D4AF37;}\n        .menu-seccion-titulo { font-weight: 800; font-size: 15px; color: #1c1917; margin-top: 12px; margin-bottom: 6px; border-bottom: 1px dashed #ddd; padding-bottom: 4px; text-transform: uppercase; letter-spacing: 0.5px; }\n        .menu-seccion-titulo:first-child { margin-top: 0; }\n        .menu-plato-item { display: block; font-size: 14px; font-weight: 400; color: #555; padding-left: 4px; margin-bottom: 4px; line-height: 1.4; }\n        .slider-contenedor { position: relative; width: 100%; height: 200px; overflow: hidden; background: #f0f0f0; }\n        .slider-slide { display: none; width: 100%; height: 100%; }\n        .slider-slide.active { display: block; }\n        .slider-slide img { width: 100%; height: 100%; object-fit: cover; }\n        .slider-btn { position: absolute; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; border: none; padding: 8px 12px; cursor: pointer; border-radius: 50%; font-size: 14px; z-index: 5;}\n        .slider-btn-prev { left: 10px; }\n        .slider-btn-next { right: 10px; }\n        .menu-meta { display: flex; flex-direction: column; gap: 5px; margin-bottom: 15px; font-size: 13px; color: #666; }\n        .menu-meta span { display: flex; align-items: center; gap: 6px; }\n        .btn-reserva-restaurante { display: block; width: 100%; background: #D4AF37; color: #fff !important; text-align: center; padding: 13px 5px; text-decoration: none !important; border-radius: 10px; font-weight: bold; font-size: 15px; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(212, 175, 55, 0.2); border: none; cursor: pointer; text-shadow: none !important;}\n        .btn-reserva-restaurante:hover { background: #bfa032; transform: translateY(-1px); box-shadow: 0 6px 15px rgba(212, 175, 55, 0.3); }\n        .tag-categoria-gourmet { font-size:11px; font-weight:bold; background:#f5f5f5; padding:4px 10px; border-radius: 15px; color:#555; display:inline-block; margin-right:5px;}\n        <\/style>\n        \n        <!-- FILTROS DE CATEGOR\u00cdAS -->\n        <div class=\"barra-filtros-gastronomica\">\n            <div class=\"grupo-filtros-cats\">\n                <span class=\"filtro-titulo\">Secci\u00f3n de la carta:<\/span>\n                <button class=\"btn-filtro activo\" data-categoria=\"todos\" onclick=\"filtrarCarta('todos', this)\"> Ver Todo<\/button>\n                                    <button class=\"btn-filtro\" data-categoria=\"menu_dia\" onclick=\"filtrarCarta('menu_dia', this)\">\n                         Men\u00fa del D\u00eda                    <\/button>\n                                    <button class=\"btn-filtro\" data-categoria=\"menu_especial\" onclick=\"filtrarCarta('menu_especial', this)\">\n                         Men\u00fas Especiales (S\u00e1bado \/ Novios)                    <\/button>\n                                    <button class=\"btn-filtro\" data-categoria=\"carta\" onclick=\"filtrarCarta('carta', this)\">\n                         Sugerencias \/ Carta                    <\/button>\n                                    <button class=\"btn-filtro\" data-categoria=\"vinos\" onclick=\"filtrarCarta('vinos', this)\">\n                        Vinos y Bebidas                    <\/button>\n                            <\/div>\n        <\/div>\n        \n        <!-- LISTADO DE TARJETAS DE MEN\u00daS -->\n        <div id=\"contenedor-cartas-menus\">\n                    <\/div>\n        \n        <script>\n        function togglePlatosMenu(id, boton) {\n            var contenedor = document.getElementById('desplegable-platos-' + id);\n            if (contenedor.style.display === 'block') {\n                contenedor.style.display = 'none';\n                boton.innerHTML = ' Ver platos del men\u00fa';\n            } else {\n                contenedor.style.display = 'block';\n                boton.innerHTML = ' Ocultar platos';\n            }\n        }\n        function filtrarCarta(categoria, boton) {\n            var botones = document.querySelectorAll('.btn-filtro');\n            botones.forEach(b => b.classList.remove('activo'));\n            boton.classList.add('activo');\n            var cards = document.querySelectorAll('.menu-card');\n            cards.forEach(function(card) {\n                if (categoria === 'todos') {\n                    card.style.setProperty('display', 'flex', 'important');\n                    return;\n                }\n                var catsCard = JSON.parse(card.getAttribute('data-cats') || '[]');\n                if (catsCard.includes(categoria)) {\n                    card.style.setProperty('display', 'flex', 'important');\n                } else {\n                    card.style.setProperty('display', 'none', 'important');\n                }\n            });\n        }\n        function cambiarSlideMenu(menuId, direccion) {\n            var card = document.getElementById('menu-card-' + menuId);\n            var slides = card.getElementsByClassName('slider-slide');\n            var slideActivo = 0;\n            for (var i = 0; i < slides.length; i++) {\n                if (slides[i].classList.contains('active')) {\n                    slideActivo = i;\n                    slides[i].classList.remove('active');\n                    break;\n                }\n            }\n            var nuevoIndex = slideActivo + direccion;\n            if (nuevoIndex >= slides.length) { nuevoIndex = 0; }\n            if (nuevoIndex < 0) { nuevoIndex = slides.length - 1; }\n            slides[nuevoIndex].classList.add('active');\n        }\n        <\/script>\n        \r\n    <\/section>\r\n    \r\n\r\n    <section id=\"menu\" class=\"container\">\r\n        <h2>Nuestras Especialidades<\/h2>\r\n        <div class=\"menu-grid\">\r\n            <div class=\"menu-item\">\r\n                <div class=\"menu-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1544025162-d76694265947?q=80&w=600');\"><\/div>\r\n                <div class=\"menu-info\">\r\n                    <div class=\"menu-title-price\">\r\n                        <h3>Pluma Ib\u00e9rica a la Brasa<\/h3>\r\n                        <span class=\"menu-price\">24\u20ac<\/span>\r\n                    <\/div>\r\n                    <p>Corte selecto cocinado lentamente con le\u00f1a de encina, acompa\u00f1ado de patatas r\u00fasticas y sal de escamas.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"menu-item\">\r\n                <div class=\"menu-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1534422298391-e4f8c172dddb?q=80&w=600');\"><\/div>\r\n                <div class=\"menu-info\">\r\n                    <div class=\"menu-title-price\">\r\n                        <h3>Bacalao Confitado<\/h3>\r\n                        <span class=\"menu-price\">22\u20ac<\/span>\r\n                    <\/div>\r\n                    <p>Sobre una fina crema de borrajas locales y emulsi\u00f3n de ajo tierno con aceite de oliva virgen extra.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"menu-item\">\r\n                <div class=\"menu-img\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1551024601-bec78aea704b?q=80&w=600');\"><\/div>\r\n                <div class=\"menu-info\">\r\n                    <div class=\"menu-title-price\">\r\n                        <h3>Torrija Caramelizada<\/h3>\r\n                        <span class=\"menu-price\">7\u20ac<\/span>\r\n                    <\/div>\r\n                    <p>Nuestra versi\u00f3n cremosa brioche infusionada en leche merengada, con helado artesanal de vainilla Bourbon.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"menu-cta\">\r\n            <a href=\"#\" class=\"btn\">Descargar Men\u00fa Completo (PDF)<\/a>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"about\" class=\"about\">\r\n        <div class=\"container about-content\">\r\n            <div class=\"about-text\">\r\n                <h2>Nuestra Filosof\u00eda<\/h2>\r\n                <p>Nacimos con la idea de honrar las recetas tradicionales d\u00e1ndoles un toque contempor\u00e1neo. Trabajamos mano a mano con productores locales para asegurar que solo lo mejor llegue a tu mesa.<\/p>\r\n                <p style=\"margin-top: 15px;\">Cada plato cuenta una historia de respeto por la materia prima y amor por el servicio.<\/p>\r\n            <\/div>\r\n            <div class=\"about-img\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600565193348-f74bd3c7ccdf?q=80&w=600\" alt=\"Cocina del restaurante\">\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"reviews\" class=\"testimonials\">\r\n        <div class=\"container\">\r\n            <h2>Lo que dicen nuestros comensales<\/h2>\r\n            <div class=\"testimonial-grid\">\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"La pluma ib\u00e9rica estaba espectacular, se deshac\u00eda en la boca. El servicio impecable y el ambiente s\u00faper acogedor.\"<\/p>\r\n                    <span class=\"client-name\">- Carlos G. (Google Reviews)<\/span>\r\n                <\/div>\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"Una joya escondida. El bacalao confitado es de otro planeta y los postres son obligatorios. Volveremos seguro.\"<\/p>\r\n                    <span class=\"client-name\">- Marta S. (TripAdvisor)<\/span>\r\n                <\/div>\r\n                <div class=\"testimonial-card\">\r\n                    <div class=\"stars\">\u2605\u2605\u2605\u2605\u2605<\/div>\r\n                    <p>\"Excelente relaci\u00f3n calidad-precio. Un trato muy profesional y una carta de vinos locales magn\u00edfica.\"<\/p>\r\n                    <span class=\"client-name\">- Javier M. (Google Reviews)<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"container\">\r\n        <h2>El Ambiente<\/h2>\r\n        <div class=\"gallery-grid\">\r\n            <div class=\"gallery-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1554118811-1e0d58224f24?q=80&w=400');\"><\/div>\r\n            <div class=\"gallery-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1559339352-11d035aa65de?q=80&w=400');\"><\/div>\r\n            <div class=\"gallery-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1543007630-9710e4a00a20?q=80&w=400');\"><\/div>\r\n            <div class=\"gallery-item\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1578474846511-04ba529f0b88?q=80&w=400');\"><\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"contact\" class=\"contact-section\">\r\n        <div class=\"container contact-grid\">\r\n            <div class=\"info-box\">\r\n                <h2>\u00bfD\u00f3nde encontrarnos?<\/h2>\r\n                <p><strong>Direcci\u00f3n:<\/strong> Calle del Sabor, 12, Huesca, Espa\u00f1a<\/p>\r\n                <p><strong>Tel\u00e9fono:<\/strong> <a href=\"tel:+34974000000\" style=\"color: var(--color-primario); text-decoration:none; font-weight:bold;\">+34 974 00 00 00<\/a><\/p>\r\n                <br>\r\n                <h3>Horarios de Apertura<\/h3>\r\n                <p>Martes a S\u00e1bado: 13:00 - 16:00 | 20:00 - 23:30<\/p>\r\n                <p>Domingo: 13:00 - 16:30<\/p>\r\n                <p>Lunes: Cerrado por descanso<\/p>\r\n                <br>\r\n                <a href=\"tel:+34974000000\" class=\"btn\">Llamar para Reservar<\/a>\r\n            <\/div>\r\n            <div class=\"map-container\">\r\n                <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d11867.754701235123!2d-0.415!3d42.13!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd5837b2f0a!2sHuesca!5e0!3m2!1ses!2ses!4v1700000000000\" allowfullscreen=\"\" loading=\"lazy\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <footer>\r\n        <div class=\"container\" style=\"padding: 0;\">\r\n            <div class=\"footer-content\">\r\n                <a href=\"#\" class=\"logo-link\">\r\n                    <span class=\"logo-text\" style=\"font-size: 1.2rem;\">RESTAURANTE<span>.<\/span><\/span>\r\n                <\/a>\r\n                <div class=\"footer-links\">\r\n                    <a href=\"#\">Aviso Legal<\/a>\r\n                    <a href=\"#\">Pol\u00edtica de Privacidad<\/a>\r\n                    <a href=\"#\">Cookies<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <p class=\"copyright\">\u00a9 2026 Restaurante Huesca. Todos los derechos reservados.<\/p>\r\n            \r\n            <div style=\"text-align: center; margin-top: 15px;\">\r\n                <a href=\"http:\/\/proyectoswebdemo.es\/restaurante\/admin\/\" style=\"color: #444; text-decoration: none; font-size: 0.8rem; transition: color 0.3s;\" onmouseover=\"this.style.color='#666'\" onmouseout=\"this.style.color='#444'\">admin<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-97be21c e-con e-atomic-element e-flexbox-base e-78f687d \" data-id=\"97be21c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"97be21c\">\n    \t\t<div class=\"elementor-element elementor-element-28c77c9 elementor-widget elementor-widget-shortcode\" data-id=\"28c77c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <!-- ESTILOS ORO #D0AC36 -->\n        <style>\n            .restaurante-reservas-container {\n                max-width: 100%;\n                margin: 0 auto;\n                font-family: 'Inter', 'Arial', sans-serif;\n            }\n            \n            .restaurante-header {\n                background: linear-gradient(135deg, #D0AC36, #E8C84A);\n                color: white;\n                padding: 40px;\n                text-align: center;\n                border-radius: 32px;\n                margin-bottom: 30px;\n                box-shadow: 0 12px 28px rgba(208, 172, 54, 0.25);\n                text-shadow: 0 2px 4px rgba(0,0,0,0.1);\n            }\n            \n            .restaurante-header h1 {\n                margin: 0 0 10px 0;\n                font-family: 'Playfair Display', serif;\n                font-size: 2rem;\n                font-weight: 600;\n                letter-spacing: -0.3px;\n            }\n            \n            .restaurante-header p {\n                margin: 0;\n                font-size: 1rem;\n                opacity: 0.95;\n            }\n            \n            .restaurante-grid {\n                display: grid;\n                grid-template-columns: 1fr 1fr;\n                gap: 30px;\n            }\n            \n            .restaurante-card {\n                background: #ffffff;\n                border-radius: 28px;\n                box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);\n                overflow: hidden;\n                border: 1px solid #f5eddb;\n            }\n            \n            .restaurante-card-header {\n                background: #faf5e8;\n                color: #8a7a3a;\n                padding: 20px 24px;\n                border-bottom: 2px solid #D0AC36;\n            }\n            \n            .restaurante-card-header h2 {\n                margin: 0;\n                font-family: 'Playfair Display', serif;\n                font-size: 1.6rem;\n                font-weight: 500;\n                color: #6a5e2a;\n            }\n            \n            .restaurante-card-body {\n                padding: 24px;\n            }\n            \n            .servicio-item-restaurante {\n                padding: 16px;\n                margin-bottom: 12px;\n                border: 2px solid #f5eddb;\n                border-radius: 20px;\n                cursor: pointer;\n                transition: all 0.25s ease;\n                background: white;\n            }\n            \n            .servicio-item-restaurante:hover {\n                background: #fdfaf0;\n                border-color: #D0AC36;\n                transform: translateX(4px);\n            }\n            \n            .servicio-item-restaurante.seleccionado {\n                background: #fdfaf0;\n                border-color: #D0AC36;\n                box-shadow: 0 4px 12px rgba(208, 172, 54, 0.2);\n            }\n            \n            .servicio-nombre-restaurante {\n                font-size: 1.1rem;\n                font-weight: 600;\n                color: #6a5e2a;\n            }\n            \n            .servicio-detalle-restaurante {\n                margin-top: 6px;\n                font-size: 0.85rem;\n                color: #8a7a3a;\n            }\n            \n            .servicio-descripcion-restaurante {\n                margin-top: 6px;\n                font-size: 0.8rem;\n                color: #a08a4a;\n            }\n            \n            .restaurante-form-group {\n                margin-bottom: 18px;\n            }\n            \n            .restaurante-form-group label {\n                display: block;\n                margin-bottom: 6px;\n                font-weight: 500;\n                color: #5a4e2a;\n                font-size: 0.9rem;\n            }\n            \n            .restaurante-form-group input,\n            .restaurante-form-group textarea,\n            .restaurante-form-group select {\n                width: 100%;\n                padding: 12px 14px;\n                border: 1.5px solid #f5eddb;\n                border-radius: 16px;\n                font-size: 0.9rem;\n                transition: all 0.2s;\n                background: white;\n                font-family: 'Inter', sans-serif;\n            }\n            \n            .restaurante-form-group input:focus,\n            .restaurante-form-group textarea:focus,\n            .restaurante-form-group select:focus {\n                outline: none;\n                border-color: #D0AC36;\n                box-shadow: 0 0 0 3px rgba(208, 172, 54, 0.15);\n            }\n            \n            .horarios-container-restaurante {\n                min-height: 100px;\n                display: flex;\n                flex-wrap: wrap;\n                gap: 8px;\n                margin-top: 5px;\n            }\n            \n            .hora-btn-restaurante {\n                padding: 8px 18px;\n                margin: 0;\n                border: 1.5px solid #f5eddb;\n                background: white;\n                border-radius: 40px;\n                cursor: pointer;\n                font-size: 0.85rem;\n                transition: all 0.2s;\n                color: #5a4e2a;\n            }\n            \n            .hora-btn-restaurante:hover {\n                border-color: #D0AC36;\n                background: #fdfaf0;\n            }\n            \n            .hora-btn-restaurante.seleccionado {\n                background: #D0AC36;\n                color: white;\n                border-color: #D0AC36;\n            }\n            \n            .captcha-container-restaurante {\n                background: #fdfaf0;\n                border: 2px solid #D0AC36;\n                border-radius: 20px;\n                padding: 15px;\n                margin-bottom: 20px;\n                margin-top: 10px;\n            }\n            \n            .captcha-question-restaurante {\n                font-size: 1.1rem;\n                font-weight: 700;\n                color: #6a5e2a;\n                margin-bottom: 12px;\n                text-align: center;\n                font-family: 'Playfair Display', serif;\n            }\n            \n            .captcha-input-wrapper-restaurante {\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                gap: 10px;\n                flex-wrap: wrap;\n            }\n            \n            .captcha-input-restaurante {\n                width: 100px !important;\n                text-align: center;\n                font-size: 1.1rem !important;\n                font-weight: 600;\n                background: white !important;\n                border: 2px solid #D0AC36 !important;\n            }\n            \n            .captcha-refresh-restaurante {\n                background: #f5eddb;\n                border: none;\n                border-radius: 40px;\n                padding: 10px 15px;\n                cursor: pointer;\n                font-size: 1rem;\n                transition: all 0.2s;\n                color: #6a5e2a;\n            }\n            \n            .captcha-refresh-restaurante:hover {\n                background: #D0AC36;\n                color: white;\n            }\n            \n            .security-note-restaurante {\n                font-size: 0.7rem;\n                color: #a08a4a;\n                text-align: center;\n                margin-top: 10px;\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                gap: 5px;\n            }\n            \n            .btn-reservar-restaurante {\n                width: 100%;\n                background: #D0AC36;\n                color: white;\n                padding: 14px;\n                border: none;\n                border-radius: 40px;\n                font-size: 1rem;\n                font-weight: 600;\n                cursor: pointer;\n                transition: all 0.25s ease;\n                margin-top: 10px;\n                font-family: 'Inter', sans-serif;\n                text-shadow: 0 1px 2px rgba(0,0,0,0.1);\n            }\n            \n            .btn-reservar-restaurante:hover:not(:disabled) {\n                background: #b8962e;\n                transform: translateY(-2px);\n                box-shadow: 0 6px 14px rgba(208, 172, 54, 0.3);\n            }\n            \n            .btn-reservar-restaurante:disabled {\n                background: #d4c89a;\n                cursor: not-allowed;\n                opacity: 0.6;\n            }\n            \n            .mensaje-flotante-restaurante {\n                display: none;\n                padding: 14px 20px;\n                border-radius: 16px;\n                margin-bottom: 24px;\n                font-size: 0.9rem;\n            }\n            \n            .mensaje-flotante-restaurante.success {\n                background: #e8f5e9;\n                color: #2e7d32;\n                border-left: 4px solid #4caf50;\n            }\n            \n            .mensaje-flotante-restaurante.error {\n                background: #ffebee;\n                color: #c62828;\n                border-left: 4px solid #f44336;\n            }\n            \n            @media (max-width: 800px) {\n                .restaurante-grid {\n                    grid-template-columns: 1fr;\n                    gap: 24px;\n                }\n                .restaurante-header {\n                    padding: 30px 20px;\n                }\n                .restaurante-header h1 {\n                    font-size: 1.6rem;\n                }\n            }\n        <\/style>\n        \n        <div class=\"restaurante-reservas-container\">\n            <div class=\"restaurante-header\">\n                <h1>\ud83c\udf7d\ufe0f Reserva tu mesa en Restaurante Dorado<\/h1>\n                <p>Jueves, 08 de Octubre de 2026<\/p>\n            <\/div>\n            \n            <div id=\"mensaje-flotante-restaurante\" class=\"mensaje-flotante-restaurante\"><\/div>\n            \n            <div class=\"restaurante-grid\">\n                <div class=\"restaurante-card\">\n                    <div class=\"restaurante-card-header\">\n                        <h2>\u2728 Elige tu experiencia<\/h2>\n                    <\/div>\n                    <div class=\"restaurante-card-body\" id=\"servicios-lista-restaurante\">\n                                                    <div class=\"servicio-item-restaurante\" data-id=\"6a4421efd8fd2\">\n                                <div class=\"servicio-nombre-restaurante\">\ud83c\udf7d\ufe0f Men\u00fa Degustaci\u00f3n<\/div>\n                                <div class=\"servicio-detalle-restaurante\">\u23f1\ufe0f 90 min \u00b7 \ud83d\udcb0 45 \u20ac<\/div>\n                                <div class=\"servicio-descripcion-restaurante\">Selecci\u00f3n de nuestros mejores platos para una experiencia \u00fanica.<\/div>\n                            <\/div>\n                                                    <div class=\"servicio-item-restaurante\" data-id=\"6a4421efd8fd4\">\n                                <div class=\"servicio-nombre-restaurante\">\ud83d\udcbc Men\u00fa Ejecutivo<\/div>\n                                <div class=\"servicio-detalle-restaurante\">\u23f1\ufe0f 60 min \u00b7 \ud83d\udcb0 25 \u20ac<\/div>\n                                <div class=\"servicio-descripcion-restaurante\">Comida de negocios con platos de temporada.<\/div>\n                            <\/div>\n                                                    <div class=\"servicio-item-restaurante\" data-id=\"6a4421efd8fd5\">\n                                <div class=\"servicio-nombre-restaurante\">\ud83d\udd6f\ufe0f Cena Rom\u00e1ntica<\/div>\n                                <div class=\"servicio-detalle-restaurante\">\u23f1\ufe0f 120 min \u00b7 \ud83d\udcb0 65 \u20ac<\/div>\n                                <div class=\"servicio-descripcion-restaurante\">Cena especial con velas y m\u00fasica en vivo.<\/div>\n                            <\/div>\n                                                    <div class=\"servicio-item-restaurante\" data-id=\"6a4421efd8fd6\">\n                                <div class=\"servicio-nombre-restaurante\">\ud83e\uddd2 Men\u00fa Infantil<\/div>\n                                <div class=\"servicio-detalle-restaurante\">\u23f1\ufe0f 45 min \u00b7 \ud83d\udcb0 15 \u20ac<\/div>\n                                <div class=\"servicio-descripcion-restaurante\">Platos divertidos y saludables para los m\u00e1s peque\u00f1os.<\/div>\n                            <\/div>\n                                            <\/div>\n                <\/div>\n                \n                <div class=\"restaurante-card\">\n                    <div class=\"restaurante-card-header\">\n                        <h2>\ud83d\udcdd Reservar mesa<\/h2>\n                    <\/div>\n                    <div class=\"restaurante-card-body\">\n                        <form id=\"form-reserva-restaurante\">\n                            <input type=\"hidden\" name=\"csrf_token\" id=\"csrf_token_restaurante\" value=\"7894521dc50e4229e1c5a51f77e9bee2bcd73b654ce41dedc401c821cc4a490d\">\n                            <input type=\"hidden\" name=\"form_timestamp\" id=\"form_timestamp_restaurante\" value=\"1791487419\">\n                            \n                            <div style=\"display: none; position: absolute; left: -9999px; visibility: hidden;\">\n                                <label for=\"honeypot_restaurante\">No rellenes este campo<\/label>\n                                <input type=\"text\" name=\"honeypot\" id=\"honeypot_restaurante\" value=\"\" autocomplete=\"off\" tabindex=\"-1\">\n                            <\/div>\n                            \n                            <div class=\"restaurante-form-group\">\n                                <label>\ud83d\udc64 Nombre completo<\/label>\n                                <input type=\"text\" id=\"nombre-restaurante\" placeholder=\"Tu nombre\" required>\n                            <\/div>\n                            <div class=\"restaurante-form-group\">\n                                <label>\ud83d\udce7 Email<\/label>\n                                <input type=\"email\" id=\"email-restaurante\" placeholder=\"correo@ejemplo.com\" required>\n                            <\/div>\n                            <div class=\"restaurante-form-group\">\n                                <label>\ud83d\udcf1 Tel\u00e9fono<\/label>\n                                <input type=\"tel\" id=\"telefono-restaurante\" placeholder=\"Tu n\u00famero\" required>\n                            <\/div>\n                            <div class=\"restaurante-form-group\">\n                                <label>\ud83d\udc65 N\u00famero de personas<\/label>\n                                <input type=\"number\" id=\"personas-restaurante\" min=\"1\" max=\"20\" value=\"2\" required>\n                            <\/div>\n                            <div class=\"restaurante-form-group\">\n                                <label>\ud83d\udcc5 Fecha<\/label>\n                                <input type=\"date\" id=\"fecha-restaurante\" min=\"2026-10-08\" required>\n                            <\/div>\n                            <div class=\"restaurante-form-group\">\n                                <label>\u23f0 Horario disponible<\/label>\n                                <div id=\"horarios-container-restaurante\" class=\"horarios-container-restaurante\"><\/div>\n                            <\/div>\n                            <div class=\"restaurante-form-group\">\n                                <label>\u26a0\ufe0f Alergias o intolerancias<\/label>\n                                <textarea id=\"alergias-restaurante\" rows=\"2\" placeholder=\"Indica cualquier alergia o intolerancia...\"><\/textarea>\n                            <\/div>\n                            <div class=\"restaurante-form-group\">\n                                <label>\ud83d\udcdd Notas adicionales<\/label>\n                                <textarea id=\"notas-restaurante\" rows=\"2\" placeholder=\"Alguna observaci\u00f3n...\"><\/textarea>\n                            <\/div>\n                            <input type=\"hidden\" id=\"servicio-id-restaurante\">\n                            <input type=\"hidden\" id=\"hora-seleccionada-restaurante\">\n                            \n                            <div class=\"captcha-container-restaurante\">\n                                <div class=\"captcha-question-restaurante\">\n                                    \ud83e\udde9 Verificaci\u00f3n anti-bots: \u00bfCu\u00e1nto es <span id=\"captcha-num1-restaurante\">6<\/span> + <span id=\"captcha-num2-restaurante\">2<\/span>?\n                                <\/div>\n                                <div class=\"captcha-input-wrapper-restaurante\">\n                                    <input type=\"number\" id=\"captcha_answer_restaurante\" class=\"captcha-input-restaurante\" placeholder=\"Resultado\" required>\n                                    <button type=\"button\" id=\"refresh-captcha-restaurante\" class=\"captcha-refresh-restaurante\" title=\"Nueva pregunta\">\ud83d\udd04<\/button>\n                                <\/div>\n                                <div class=\"security-note-restaurante\">\n                                    <span>\ud83d\udd12<\/span> Esta verificaci\u00f3n ayuda a prevenir env\u00edos autom\u00e1ticos <span>\ud83e\udd16<\/span>\n                                <\/div>\n                            <\/div>\n                            \n                            <button type=\"submit\" id=\"btn-reservar-restaurante\" class=\"btn-reservar-restaurante\" disabled>\ud83c\udf7d\ufe0f Solicitar reserva<\/button>\n                        <\/form>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n        <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            let servicioSeleccionado = null;\n            const mensajeDiv = document.getElementById('mensaje-flotante-restaurante');\n            \n            function mostrarMensaje(mensaje, tipo) {\n                mensajeDiv.textContent = mensaje;\n                mensajeDiv.className = 'mensaje-flotante-restaurante ' + tipo;\n                mensajeDiv.style.display = 'block';\n                setTimeout(() => {\n                    mensajeDiv.style.display = 'none';\n                }, 5000);\n            }\n            \n            function refrescarCaptcha() {\n                const num1 = Math.floor(Math.random() * 8) + 2;\n                const num2 = Math.floor(Math.random() * 8) + 2;\n                document.getElementById('captcha-num1-restaurante').textContent = num1;\n                document.getElementById('captcha-num2-restaurante').textContent = num2;\n                document.getElementById('captcha_answer_restaurante').value = '';\n                document.getElementById('captcha_answer_restaurante').dataset.esperado = num1 + num2;\n                verificarFormulario();\n            }\n            \n            const num1Inicial = 6;\n            const num2Inicial = 2;\n            document.getElementById('captcha_answer_restaurante').dataset.esperado = num1Inicial + num2Inicial;\n            \n            document.getElementById('refresh-captcha-restaurante').addEventListener('click', function() {\n                refrescarCaptcha();\n            });\n            \n            document.querySelectorAll('.servicio-item-restaurante').forEach(item => {\n                item.addEventListener('click', function() {\n                    document.querySelectorAll('.servicio-item-restaurante').forEach(s => s.classList.remove('seleccionado'));\n                    this.classList.add('seleccionado');\n                    servicioSeleccionado = this.dataset.id;\n                    document.getElementById('servicio-id-restaurante').value = servicioSeleccionado;\n                    \n                    const fecha = document.getElementById('fecha-restaurante').value;\n                    if (fecha) cargarHorarios(fecha, servicioSeleccionado);\n                    verificarFormulario();\n                });\n            });\n            \n            document.getElementById('fecha-restaurante').addEventListener('change', function() {\n                if (this.value && servicioSeleccionado) {\n                    cargarHorarios(this.value, servicioSeleccionado);\n                } else if (!servicioSeleccionado) {\n                    mostrarMensaje('Selecciona un servicio primero', 'error');\n                }\n            });\n            \n            function cargarHorarios(fecha, servicioId) {\n                const container = document.getElementById('horarios-container-restaurante');\n                container.innerHTML = '<div style=\"padding:12px; color:#8a7a3a;\">Cargando horarios...<\/div>';\n                \n                fetch('https:\/\/proyectoswebdemo.es\/restaurante\/wp-admin\/admin-ajax.php', {\n                    method: 'POST',\n                    headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n                    body: 'action=obtener_horarios_disponibles_restaurante&fecha=' + fecha + '&servicio_id=' + servicioId\n                })\n                .then(r => r.json())\n                .then(data => {\n                    if (data.success && data.data.horarios.length > 0) {\n                        container.innerHTML = '';\n                        data.data.horarios.forEach(hora => {\n                            const btn = document.createElement('button');\n                            btn.type = 'button';\n                            btn.className = 'hora-btn-restaurante';\n                            btn.textContent = hora;\n                            btn.onclick = () => {\n                                document.querySelectorAll('.hora-btn-restaurante').forEach(b => b.classList.remove('seleccionado'));\n                                btn.classList.add('seleccionado');\n                                document.getElementById('hora-seleccionada-restaurante').value = hora;\n                                verificarFormulario();\n                            };\n                            container.appendChild(btn);\n                        });\n                    } else {\n                        container.innerHTML = '<div style=\"padding:12px; color:#c62828;\">No hay horarios disponibles para esta fecha<\/div>';\n                    }\n                }).catch(() => {\n                    container.innerHTML = '<div style=\"padding:12px; color:#c62828;\">Error al cargar horarios<\/div>';\n                });\n            }\n            \n            function verificarFormulario() {\n                const nombre = document.getElementById('nombre-restaurante').value;\n                const email = document.getElementById('email-restaurante').value;\n                const telefono = document.getElementById('telefono-restaurante').value;\n                const fecha = document.getElementById('fecha-restaurante').value;\n                const hora = document.getElementById('hora-seleccionada-restaurante').value;\n                const servicio = document.getElementById('servicio-id-restaurante').value;\n                const personas = document.getElementById('personas-restaurante').value;\n                const captchaRespuesta = document.getElementById('captcha_answer_restaurante').value;\n                const captchaEsperado = document.getElementById('captcha_answer_restaurante').dataset.esperado;\n                const captchaValido = captchaRespuesta && parseInt(captchaRespuesta) === parseInt(captchaEsperado);\n                const btn = document.getElementById('btn-reservar-restaurante');\n                \n                btn.disabled = !(nombre && email && telefono && fecha && hora && servicio && personas && captchaValido);\n            }\n            \n            document.getElementById('nombre-restaurante').addEventListener('input', verificarFormulario);\n            document.getElementById('email-restaurante').addEventListener('input', verificarFormulario);\n            document.getElementById('telefono-restaurante').addEventListener('input', verificarFormulario);\n            document.getElementById('personas-restaurante').addEventListener('input', verificarFormulario);\n            document.getElementById('captcha_answer_restaurante').addEventListener('input', verificarFormulario);\n            \n            document.getElementById('form-reserva-restaurante').addEventListener('submit', function(e) {\n                e.preventDefault();\n                \n                const captchaRespuesta = document.getElementById('captcha_answer_restaurante').value;\n                const captchaEsperado = document.getElementById('captcha_answer_restaurante').dataset.esperado;\n                if (parseInt(captchaRespuesta) !== parseInt(captchaEsperado)) {\n                    mostrarMensaje('Por favor, resuelve correctamente la verificaci\u00f3n anti-bots', 'error');\n                    return;\n                }\n                \n                const btn = document.getElementById('btn-reservar-restaurante');\n                const textoOriginal = btn.textContent;\n                btn.disabled = true;\n                btn.textContent = 'Enviando...';\n                \n                const formData = new FormData();\n                formData.append('action', 'crear_reserva_restaurante');\n                formData.append('csrf_token', document.getElementById('csrf_token_restaurante').value);\n                formData.append('form_timestamp', document.getElementById('form_timestamp_restaurante').value);\n                formData.append('honeypot', document.getElementById('honeypot_restaurante').value);\n                formData.append('captcha_answer', captchaRespuesta);\n                formData.append('nombre', document.getElementById('nombre-restaurante').value);\n                formData.append('email', document.getElementById('email-restaurante').value);\n                formData.append('telefono', document.getElementById('telefono-restaurante').value);\n                formData.append('fecha', document.getElementById('fecha-restaurante').value);\n                formData.append('hora', document.getElementById('hora-seleccionada-restaurante').value);\n                formData.append('servicio_id', document.getElementById('servicio-id-restaurante').value);\n                formData.append('personas', document.getElementById('personas-restaurante').value);\n                formData.append('alergias', document.getElementById('alergias-restaurante').value);\n                formData.append('notas', document.getElementById('notas-restaurante').value);\n                \n                fetch('https:\/\/proyectoswebdemo.es\/restaurante\/wp-admin\/admin-ajax.php', {\n                    method: 'POST',\n                    body: formData\n                })\n                .then(r => r.json())\n                .then(data => {\n                    if (data.success) {\n                        mostrarMensaje(data.data.mensaje, 'success');\n                        document.getElementById('form-reserva-restaurante').reset();\n                        document.getElementById('horarios-container-restaurante').innerHTML = '';\n                        document.querySelectorAll('.servicio-item-restaurante').forEach(s => s.classList.remove('seleccionado'));\n                        document.getElementById('hora-seleccionada-restaurante').value = '';\n                        document.getElementById('servicio-id-restaurante').value = '';\n                        servicioSeleccionado = null;\n                        refrescarCaptcha();\n                    } else {\n                        mostrarMensaje(data.data, 'error');\n                        refrescarCaptcha();\n                    }\n                    btn.disabled = true;\n                    btn.textContent = textoOriginal;\n                    verificarFormulario();\n                }).catch(() => {\n                    mostrarMensaje('Error al enviar la solicitud', 'error');\n                    btn.disabled = true;\n                    btn.textContent = textoOriginal;\n                    refrescarCaptcha();\n                });\n            });\n        });\n        <\/script>\n        <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nombre del Restaurante &#8211; Sabor \u00danico RESTAURANTE. El Men\u00fa Nosotros Opiniones Contacto Reservar Mesa Alta Cocina y Tradici\u00f3n Descubre una experiencia gastronomica \u00fanica en un entorno acogedor. Ingredientes locales seleccionados con pasi\u00f3n. Ver la Carta Nuestro Menu Diario Nuestras Especialidades Pluma Ib\u00e9rica a la Brasa 24\u20ac Corte selecto cocinado lentamente con le\u00f1a de encina, acompa\u00f1ado [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":25,"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":54,"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/pages\/11\/revisions\/54"}],"wp:attachment":[{"href":"https:\/\/proyectoswebdemo.es\/restaurante\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}