{"id":230,"date":"2025-11-04T01:32:55","date_gmt":"2025-11-04T01:32:55","guid":{"rendered":"https:\/\/nueva.raquelconsultant.com\/?page_id=230"},"modified":"2025-11-21T23:00:57","modified_gmt":"2025-11-21T23:00:57","slug":"reserva-ahora","status":"publish","type":"page","link":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/","title":{"rendered":"Reserva ahora"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; custom_padding_last_edited=\u00bbon|phone\u00bb disabled_on=\u00bboff|off|off\u00bb admin_label=\u00bbsection\u00bb _builder_version=\u00bb4.27.4&#8243; background_color=\u00bbrgba(235,134,112,0.51)\u00bb background_image=\u00bbhttps:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/10\/beautiful-blonde-girl-white-sweater-working-her-laptop-computer-cafe-daily-time-scaled-1.webp\u00bb background_blend=\u00bbsoft-light\u00bb custom_margin=\u00bb-118px||||false|false\u00bb custom_padding=\u00bb245px||73px||false|false\u00bb custom_padding_tablet=\u00bb245px||73px||false|false\u00bb custom_padding_phone=\u00bb200px||3px||false|false\u00bb global_module=\u00bb114&#8243; global_colors_info=\u00bb{}\u00bb][et_pb_row admin_label=\u00bbrow\u00bb _builder_version=\u00bb4.27.4&#8243; background_size=\u00bbinitial\u00bb background_position=\u00bbtop_left\u00bb background_repeat=\u00bbrepeat\u00bb width=\u00bb90%\u00bb max_width=\u00bb100%\u00bb custom_margin=\u00bb-39px|auto|41px|auto||\u00bb custom_padding=\u00bb6px|||||\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.22.2&#8243; custom_padding=\u00bb|||\u00bb global_colors_info=\u00bb{}\u00bb custom_padding__hover=\u00bb|||\u00bb][et_pb_text _builder_version=\u00bb4.27.4&#8243; _dynamic_attributes=\u00bbcontent\u00bb _module_preset=\u00bbdefault\u00bb text_font=\u00bb|600|||||||\u00bb text_text_color=\u00bb#000000&#8243; text_font_size=\u00bb37px\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb||27px|||\u00bb custom_margin_tablet=\u00bb||27px|||\u00bb custom_margin_phone=\u00bb6px||||false|false\u00bb custom_margin_last_edited=\u00bbon|phone\u00bb text_font_size_tablet=\u00bb31px\u00bb text_font_size_phone=\u00bb20px\u00bb text_font_size_last_edited=\u00bbon|phone\u00bb text_orientation_tablet=\u00bb\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|desktop\u00bb global_colors_info=\u00bb{}\u00bb]@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF90aXRsZSIsInNldHRpbmdzIjp7ImJlZm9yZSI6IiIsImFmdGVyIjoiIn19@[\/et_pb_text][lwp_divi_breadcrumbs home_text=\u00bbInicio\u00bb link_color=\u00bb#FFFFFF\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb module_text_align=\u00bbcenter\u00bb module_text_color=\u00bb#FFFFFF\u00bb module_font_size=\u00bb16px\u00bb text_orientation=\u00bbcenter\u00bb custom_margin=\u00bb-9px||||false|false\u00bb module_font_size_tablet=\u00bb\u00bb module_font_size_phone=\u00bb12px\u00bb module_font_size_last_edited=\u00bbon|phone\u00bb text_orientation_tablet=\u00bb\u00bb text_orientation_phone=\u00bb\u00bb text_orientation_last_edited=\u00bbon|phone\u00bb module_alignment_tablet=\u00bb\u00bb module_alignment_phone=\u00bbcenter\u00bb module_alignment_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb][\/lwp_divi_breadcrumbs][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]\r\n    <!-- ===== ESTILOS ===== -->\r\n    <style>\r\n      \/* Estilos generales del formulario *\/\r\n      #form-reserva-cita {\r\n        max-width: 80%;\r\n        margin: 20px auto;\r\n        padding: 25px;\r\n        background: #fff;\r\n        border-radius: 15px;\r\n        box-shadow: 0 0 15px rgba(0,0,0,0.6);\r\n        color: #fff;\r\n        font-family: 'Poppins', sans-serif;\r\n      }\r\n\r\n      #form-reserva-cita h3 {\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        color: #000;\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n      }\r\n\r\n      #form-reserva-cita label {\r\n        font-weight: 500;\r\n        display: block;\r\n        margin: 10px 0 5px;\r\n        color: #000;\r\n      }\r\n\r\n      #form-reserva-cita input,\r\n      #form-reserva-cita select,\r\n      #form-reserva-cita textarea {\r\n        width: 100%;\r\n        padding: 10px;\r\n        border: solid 1px #d1d1d1;\r\n        border-radius: 8px;\r\n        margin-bottom: 15px;\r\n        background: #fff;\r\n        color: #000;\r\n        font-size: 14px;\r\n      }\r\n\r\n      #form-reserva-cita input:focus,\r\n      #form-reserva-cita select:focus,\r\n      #form-reserva-cita textarea:focus {\r\n        outline: none;\r\n        border: 2px solid #e63946;\r\n      }\r\n\r\n      #form-reserva-cita button {\r\n        width: 100%;\r\n        padding: 12px;\r\n        background: #e52320;\r\n        border: none;\r\n        border-radius: 10px;\r\n        color: #fff;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n      }\r\n\r\n      #form-reserva-cita button:hover {\r\n        transform: scale(1.03);\r\n      }\r\n\r\n      #reserva-container {\r\n        background: #fff;\r\n        color: #000;\r\n        border-radius: 10px;\r\n        padding: 15px;\r\n        margin-top: 10px;\r\n      }\r\n\r\n      .calendar-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .calendar-header h2 {\r\n        font-size: 1.1rem;\r\n        flex: 1;\r\n        text-align: center;\r\n      }\r\n\r\n      .calendar-header button {\r\n        background: none;\r\n        border: none;\r\n        font-size: 1.5rem;\r\n        cursor: pointer;\r\n        color: #000;\r\n        width: 40px;\r\n      }\r\n\r\n      .calendar-weekdays {\r\n        display: grid;\r\n        grid-template-columns: repeat(7, 1fr);\r\n        text-align: center;\r\n        font-weight: bold;\r\n        margin-bottom: 5px;\r\n        color: #e63946;\r\n      }\r\n\r\n      .calendar-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(7, 1fr);\r\n        gap: 5px;\r\n        text-align: center;\r\n      }\r\n\r\n      .calendar-grid div {\r\n        padding: 8px 0;\r\n        border-radius: 6px;\r\n        cursor: pointer;\r\n        transition: 0.2s;\r\n      }\r\n\r\n      .calendar-grid div:hover {\r\n        background: #f4cab6;\r\n      }\r\n\r\n      .calendar-grid .selected {\r\n        background: #1c1c1c;\r\n        color: white;\r\n      }\r\n\r\n      .horarios-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 6px;\r\n        margin-top: 10px;\r\n      }\r\n\r\n      .horarios-grid button {\r\n        background: #b8fbb8;\r\n        border: none;\r\n        border-radius: 5px;\r\n        padding: 8px;\r\n        cursor: pointer;\r\n        transition: 0.2s;\r\n      }\r\n\r\n      .horarios-grid button.selected {\r\n        background: #1c1c1c;\r\n        color: white;\r\n      }\r\n\r\n      #horarios h3 {\r\n        font-size: 14px;\r\n        text-align: center;\r\n        margin-top: 10px;\r\n      }\r\n\r\n      @media(max-width:768px){\r\n        #form-reserva-cita { max-width: 100%; padding: 20px 15px; }\r\n        .calendar-grid { gap: 3px; }\r\n        .horarios-grid { grid-template-columns: repeat(2, 1fr); }\r\n      }\r\n    <\/style>\r\n\r\n    <!-- ===== FORMULARIO ===== -->\r\n    <div id=\"form-reserva-cita\">\r\n      <h3>Reserva tu Cita<\/h3>\r\n      <form id=\"reservaForm\" onsubmit=\"return false;\">\r\n          \r\n        <label>Selecciona Fecha y Hora*<\/label>\r\n\r\n        <div id=\"reserva-container\">\r\n          <div class=\"calendar-header\">\r\n            <button type=\"button\" id=\"prev-month\">\u2039<\/button>\r\n            <h2 id=\"month-year\"><\/h2>\r\n            <button type=\"button\" id=\"next-month\">\u203a<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"calendar-weekdays\">\r\n            <div>Lun<\/div><div>Mar<\/div><div>Mi\u00e9<\/div>\r\n            <div>Jue<\/div><div>Vie<\/div><div>S\u00e1b<\/div><div>Dom<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"calendar-grid\" id=\"calendar-grid\"><\/div>\r\n\r\n          <div id=\"horarios\" style=\"display:none;\">\r\n            <h3>Elija un horario para <span id=\"fecha-seleccionada\"><\/span><\/h3>\r\n            <div id=\"lista-horarios\" class=\"horarios-grid\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <input type=\"hidden\" id=\"fecha\" required>\r\n        <input type=\"hidden\" id=\"hora\" required>\r\n\r\n        <label>Nombre y Apellido*<\/label>\r\n        <input type=\"text\" id=\"nombre\" required>\r\n\r\n        <label>Email*<\/label>\r\n        <input type=\"email\" id=\"email\" required>\r\n\r\n        <label>Tel\u00e9fono*<\/label>\r\n        <input type=\"text\" id=\"telefono\" required>\r\n\r\n        <label>Servicio*<\/label>\r\n        <select id=\"servicio\" required>\r\n          <option value=\"\">Selecciona tu servicio<\/option>\r\n          <option value=\"Corte Cl\u00e1sico\">Corte Cl\u00e1sico<\/option>\r\n          <option value=\"Corte + Barba\">Corte + Barba<\/option>\r\n          <option value=\"Perfilado de Barba\">Perfilado de Barba<\/option>\r\n          <option value=\"Coloraci\u00f3n\">Coloraci\u00f3n<\/option>\r\n          <option value=\"Tratamiento Capilar\">Tratamiento Capilar<\/option>\r\n        <\/select>\r\n\r\n        <label>Descripci\u00f3n<\/label>\r\n        <textarea id=\"descripcion\" placeholder=\"Detalle adicional...\"><\/textarea>\r\n\r\n        <button type=\"button\" id=\"btn-whatsapp\">\ud83d\udcac Reservar por WhatsApp<\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n    <!-- ===== SCRIPT ===== -->\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function(){\r\n        const calendarGrid = document.getElementById(\"calendar-grid\");\r\n        const monthYear = document.getElementById(\"month-year\");\r\n        const prevMonthBtn = document.getElementById(\"prev-month\");\r\n        const nextMonthBtn = document.getElementById(\"next-month\");\r\n        const horariosDiv = document.getElementById(\"horarios\");\r\n        const fechaSeleccionada = document.getElementById(\"fecha-seleccionada\");\r\n        const listaHorarios = document.getElementById(\"lista-horarios\");\r\n        const inputFecha = document.getElementById(\"fecha\");\r\n        const inputHora = document.getElementById(\"hora\");\r\n\r\n        let currentDate = new Date();\r\n        const horarios = [\r\n          \"10:00 am\",\"10:30 am\",\"11:00 am\",\"11:30 am\",\r\n          \"12:00 pm\",\"12:30 pm\",\"01:00 pm\",\"01:30 pm\",\r\n          \"02:00 pm\",\"02:30 pm\",\"03:00 pm\",\"03:30 pm\",\r\n          \"04:00 pm\",\"04:30 pm\",\"05:00 pm\",\"05:30 pm\",\r\n          \"06:00 pm\",\"06:30 pm\",\"07:00 pm\",\"07:30 pm\",\"08:00 pm\",\r\n        ];\r\n\r\n        function renderCalendar() {\r\n            calendarGrid.innerHTML = \"\";\r\n            const year = currentDate.getFullYear();\r\n            const month = currentDate.getMonth();\r\n            const firstDay = new Date(year, month, 1);\r\n            const lastDay = new Date(year, month + 1, 0);\r\n            const monthName = firstDay.toLocaleString(\"es-ES\", { month: \"long\" });\r\n            monthYear.textContent = `${monthName.charAt(0).toUpperCase()+monthName.slice(1)} ${year}`;\r\n\r\n            let startDay = firstDay.getDay();\r\n            startDay = startDay === 0 ? 6 : startDay - 1;\r\n\r\n            for (let i = 0; i < startDay; i++) {\r\n                calendarGrid.innerHTML += \"<div><\/div>\";\r\n            }\r\n\r\n            for (let day = 1; day <= lastDay.getDate(); day++) {\r\n                const div = document.createElement(\"div\");\r\n                div.textContent = day;\r\n                div.addEventListener(\"click\", (e) => selectDate(e, day, month, year));\r\n                calendarGrid.appendChild(div);\r\n            }\r\n        }\r\n\r\n        function selectDate(e, day, month, year) {\r\n            document.querySelectorAll(\".calendar-grid div\").forEach(n => n.classList.remove(\"selected\"));\r\n            e.target.classList.add(\"selected\");\r\n\r\n            const fecha = new Date(year, month, day);\r\n            const texto = fecha.toLocaleDateString(\"es-ES\",{day:\"numeric\",month:\"long\",year:\"numeric\"});\r\n            fechaSeleccionada.textContent = texto;\r\n            inputFecha.value = texto;\r\n\r\n            horariosDiv.style.display = \"block\";\r\n            renderHorarios();\r\n        }\r\n\r\n        function renderHorarios() {\r\n            listaHorarios.innerHTML = \"\";\r\n            horarios.forEach(hora => {\r\n                const b = document.createElement(\"button\");\r\n                b.textContent = hora;\r\n                b.onclick = () => {\r\n                    document.querySelectorAll(\".horarios-grid button\").forEach(k => k.classList.remove(\"selected\"));\r\n                    b.classList.add(\"selected\");\r\n                    inputHora.value = hora;\r\n                };\r\n                listaHorarios.appendChild(b);\r\n            });\r\n        }\r\n\r\n        prevMonthBtn.onclick = () => { currentDate.setMonth(currentDate.getMonth() - 1); renderCalendar(); };\r\n        nextMonthBtn.onclick = () => { currentDate.setMonth(currentDate.getMonth() + 1); renderCalendar(); };\r\n\r\n        renderCalendar();\r\n\r\n        \/\/ BOT\u00d3N WHATSAPP\r\n        document.getElementById(\"btn-whatsapp\").addEventListener(\"click\", function(){\r\n            const nombre = document.getElementById(\"nombre\").value.trim();\r\n            const email = document.getElementById(\"email\").value.trim();\r\n            const telefono = document.getElementById(\"telefono\").value.trim();\r\n            const servicio = document.getElementById(\"servicio\").value.trim();\r\n            const fecha = inputFecha.value.trim();\r\n            const hora = inputHora.value.trim();\r\n            const descripcion = document.getElementById(\"descripcion\").value.trim();\r\n\r\n            if(!nombre || !email || !telefono || !servicio || !fecha || !hora){\r\n                alert(\"Por favor, completa todos los campos requeridos antes de reservar.\");\r\n                return;\r\n            }\r\n\r\n            const telefonoDestino = \"16628634067\";\r\n\r\n            const mensaje = \r\n`\ud83d\udc88 *Reserva de Cita*%0A\r\n\ud83d\udc64 *Nombre:* ${nombre}%0A\r\n\ud83d\udce7 *Email:* ${email}%0A\r\n\ud83d\udcde *Tel\u00e9fono:* ${telefono}%0A\r\n\ud83d\udc87 *Servicio:* ${servicio}%0A\r\n\ud83d\udcc5 *Fecha:* ${fecha}%0A\r\n\u23f0 *Hora:* ${hora}%0A\r\n\ud83d\udcdd *Nota:* ${descripcion}`;\r\n\r\n            window.open(`https:\/\/wa.me\/${telefonoDestino}?text=${mensaje}`, \"_blank\");\r\n        });\r\n    });\r\n    <\/script>\r\n\r\n    [\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p><div class=\"et_pb_module lwp_divi_breadcrumbs lwp_divi_breadcrumbs_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"lwp-breadcrumbs\"> <span class=\"before\"><\/span> <span vocab=\"https:\/\/schema.org\/\" typeof=\"BreadcrumbList\"><span property=\"itemListElement\" typeof=\"ListItem\"><a property=\"item\" typeof=\"WebPage\" href=\"https:\/\/nueva.raquelconsultant.com\/\" class=\"home\"><span property=\"name\">Inicio<\/span><\/a><meta property=\"position\" content=\"1\"><\/span> <span class=\"separator et-pb-icon\">&#x39;<\/span> <\/span><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\r\n    <!-- ===== ESTILOS ===== -->\r\n    <style>\r\n      \/* Estilos generales del formulario *\/\r\n      #form-reserva-cita {\r\n        max-width: 80%;\r\n        margin: 20px auto;\r\n        padding: 25px;\r\n        background: #fff;\r\n        border-radius: 15px;\r\n        box-shadow: 0 0 15px rgba(0,0,0,0.6);\r\n        color: #fff;\r\n        font-family: 'Poppins', sans-serif;\r\n      }\r\n\r\n      #form-reserva-cita h3 {\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n        color: #000;\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n      }\r\n\r\n      #form-reserva-cita label {\r\n        font-weight: 500;\r\n        display: block;\r\n        margin: 10px 0 5px;\r\n        color: #000;\r\n      }\r\n\r\n      #form-reserva-cita input,\r\n      #form-reserva-cita select,\r\n      #form-reserva-cita textarea {\r\n        width: 100%;\r\n        padding: 10px;\r\n        border: solid 1px #d1d1d1;\r\n        border-radius: 8px;\r\n        margin-bottom: 15px;\r\n        background: #fff;\r\n        color: #000;\r\n        font-size: 14px;\r\n      }\r\n\r\n      #form-reserva-cita input:focus,\r\n      #form-reserva-cita select:focus,\r\n      #form-reserva-cita textarea:focus {\r\n        outline: none;\r\n        border: 2px solid #e63946;\r\n      }\r\n\r\n      #form-reserva-cita button {\r\n        width: 100%;\r\n        padding: 12px;\r\n        background: #e52320;\r\n        border: none;\r\n        border-radius: 10px;\r\n        color: #fff;\r\n        font-size: 16px;\r\n        font-weight: bold;\r\n        cursor: pointer;\r\n        transition: 0.3s;\r\n      }\r\n\r\n      #form-reserva-cita button:hover {\r\n        transform: scale(1.03);\r\n      }\r\n\r\n      #reserva-container {\r\n        background: #fff;\r\n        color: #000;\r\n        border-radius: 10px;\r\n        padding: 15px;\r\n        margin-top: 10px;\r\n      }\r\n\r\n      .calendar-header {\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin-bottom: 10px;\r\n      }\r\n\r\n      .calendar-header h2 {\r\n        font-size: 1.1rem;\r\n        flex: 1;\r\n        text-align: center;\r\n      }\r\n\r\n      .calendar-header button {\r\n        background: none;\r\n        border: none;\r\n        font-size: 1.5rem;\r\n        cursor: pointer;\r\n        color: #000;\r\n        width: 40px;\r\n      }\r\n\r\n      .calendar-weekdays {\r\n        display: grid;\r\n        grid-template-columns: repeat(7, 1fr);\r\n        text-align: center;\r\n        font-weight: bold;\r\n        margin-bottom: 5px;\r\n        color: #e63946;\r\n      }\r\n\r\n      .calendar-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(7, 1fr);\r\n        gap: 5px;\r\n        text-align: center;\r\n      }\r\n\r\n      .calendar-grid div {\r\n        padding: 8px 0;\r\n        border-radius: 6px;\r\n        cursor: pointer;\r\n        transition: 0.2s;\r\n      }\r\n\r\n      .calendar-grid div:hover {\r\n        background: #f4cab6;\r\n      }\r\n\r\n      .calendar-grid .selected {\r\n        background: #1c1c1c;\r\n        color: white;\r\n      }\r\n\r\n      .horarios-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr);\r\n        gap: 6px;\r\n        margin-top: 10px;\r\n      }\r\n\r\n      .horarios-grid button {\r\n        background: #b8fbb8;\r\n        border: none;\r\n        border-radius: 5px;\r\n        padding: 8px;\r\n        cursor: pointer;\r\n        transition: 0.2s;\r\n      }\r\n\r\n      .horarios-grid button.selected {\r\n        background: #1c1c1c;\r\n        color: white;\r\n      }\r\n\r\n      #horarios h3 {\r\n        font-size: 14px;\r\n        text-align: center;\r\n        margin-top: 10px;\r\n      }\r\n\r\n      @media(max-width:768px){\r\n        #form-reserva-cita { max-width: 100%; padding: 20px 15px; }\r\n        .calendar-grid { gap: 3px; }\r\n        .horarios-grid { grid-template-columns: repeat(2, 1fr); }\r\n      }\r\n    <\/style>\r\n\r\n    <!-- ===== FORMULARIO ===== -->\r\n    <div id=\"form-reserva-cita\">\r\n      <h3>Reserva tu Cita<\/h3>\r\n      <form id=\"reservaForm\" onsubmit=\"return false;\">\r\n          \r\n        <label>Selecciona Fecha y Hora*<\/label>\r\n\r\n        <div id=\"reserva-container\">\r\n          <div class=\"calendar-header\">\r\n            <button type=\"button\" id=\"prev-month\">\u2039<\/button>\r\n            <h2 id=\"month-year\"><\/h2>\r\n            <button type=\"button\" id=\"next-month\">\u203a<\/button>\r\n          <\/div>\r\n\r\n          <div class=\"calendar-weekdays\">\r\n            <div>Lun<\/div><div>Mar<\/div><div>Mi\u00e9<\/div>\r\n            <div>Jue<\/div><div>Vie<\/div><div>S\u00e1b<\/div><div>Dom<\/div>\r\n          <\/div>\r\n\r\n          <div class=\"calendar-grid\" id=\"calendar-grid\"><\/div>\r\n\r\n          <div id=\"horarios\" style=\"display:none;\">\r\n            <h3>Elija un horario para <span id=\"fecha-seleccionada\"><\/span><\/h3>\r\n            <div id=\"lista-horarios\" class=\"horarios-grid\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <input type=\"hidden\" id=\"fecha\" required>\r\n        <input type=\"hidden\" id=\"hora\" required>\r\n\r\n        <label>Nombre y Apellido*<\/label>\r\n        <input type=\"text\" id=\"nombre\" required>\r\n\r\n        <label>Email*<\/label>\r\n        <input type=\"email\" id=\"email\" required>\r\n\r\n        <label>Tel\u00e9fono*<\/label>\r\n        <input type=\"text\" id=\"telefono\" required>\r\n\r\n        <label>Servicio*<\/label>\r\n        <select id=\"servicio\" required>\r\n          <option value=\"\">Selecciona tu servicio<\/option>\r\n          <option value=\"Corte Cl\u00e1sico\">Corte Cl\u00e1sico<\/option>\r\n          <option value=\"Corte + Barba\">Corte + Barba<\/option>\r\n          <option value=\"Perfilado de Barba\">Perfilado de Barba<\/option>\r\n          <option value=\"Coloraci\u00f3n\">Coloraci\u00f3n<\/option>\r\n          <option value=\"Tratamiento Capilar\">Tratamiento Capilar<\/option>\r\n        <\/select>\r\n\r\n        <label>Descripci\u00f3n<\/label>\r\n        <textarea id=\"descripcion\" placeholder=\"Detalle adicional...\"><\/textarea>\r\n\r\n        <button type=\"button\" id=\"btn-whatsapp\">\ud83d\udcac Reservar por WhatsApp<\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n    <!-- ===== SCRIPT ===== -->\r\n    <script>\r\n    document.addEventListener(\"DOMContentLoaded\", function(){\r\n        const calendarGrid = document.getElementById(\"calendar-grid\");\r\n        const monthYear = document.getElementById(\"month-year\");\r\n        const prevMonthBtn = document.getElementById(\"prev-month\");\r\n        const nextMonthBtn = document.getElementById(\"next-month\");\r\n        const horariosDiv = document.getElementById(\"horarios\");\r\n        const fechaSeleccionada = document.getElementById(\"fecha-seleccionada\");\r\n        const listaHorarios = document.getElementById(\"lista-horarios\");\r\n        const inputFecha = document.getElementById(\"fecha\");\r\n        const inputHora = document.getElementById(\"hora\");\r\n\r\n        let currentDate = new Date();\r\n        const horarios = [\r\n          \"10:00 am\",\"10:30 am\",\"11:00 am\",\"11:30 am\",\r\n          \"12:00 pm\",\"12:30 pm\",\"01:00 pm\",\"01:30 pm\",\r\n          \"02:00 pm\",\"02:30 pm\",\"03:00 pm\",\"03:30 pm\",\r\n          \"04:00 pm\",\"04:30 pm\",\"05:00 pm\",\"05:30 pm\",\r\n          \"06:00 pm\",\"06:30 pm\",\"07:00 pm\",\"07:30 pm\",\"08:00 pm\",\r\n        ];\r\n\r\n        function renderCalendar() {\r\n            calendarGrid.innerHTML = \"\";\r\n            const year = currentDate.getFullYear();\r\n            const month = currentDate.getMonth();\r\n            const firstDay = new Date(year, month, 1);\r\n            const lastDay = new Date(year, month + 1, 0);\r\n            const monthName = firstDay.toLocaleString(\"es-ES\", { month: \"long\" });\r\n            monthYear.textContent = `${monthName.charAt(0).toUpperCase()+monthName.slice(1)} ${year}`;\r\n\r\n            let startDay = firstDay.getDay();\r\n            startDay = startDay === 0 ? 6 : startDay - 1;\r\n\r\n            for (let i = 0; i < startDay; i++) {\r\n                calendarGrid.innerHTML += \"<div><\/div>\";\r\n            }\r\n\r\n            for (let day = 1; day <= lastDay.getDate(); day++) {\r\n                const div = document.createElement(\"div\");\r\n                div.textContent = day;\r\n                div.addEventListener(\"click\", (e) => selectDate(e, day, month, year));\r\n                calendarGrid.appendChild(div);\r\n            }\r\n        }\r\n\r\n        function selectDate(e, day, month, year) {\r\n            document.querySelectorAll(\".calendar-grid div\").forEach(n => n.classList.remove(\"selected\"));\r\n            e.target.classList.add(\"selected\");\r\n\r\n            const fecha = new Date(year, month, day);\r\n            const texto = fecha.toLocaleDateString(\"es-ES\",{day:\"numeric\",month:\"long\",year:\"numeric\"});\r\n            fechaSeleccionada.textContent = texto;\r\n            inputFecha.value = texto;\r\n\r\n            horariosDiv.style.display = \"block\";\r\n            renderHorarios();\r\n        }\r\n\r\n        function renderHorarios() {\r\n            listaHorarios.innerHTML = \"\";\r\n            horarios.forEach(hora => {\r\n                const b = document.createElement(\"button\");\r\n                b.textContent = hora;\r\n                b.onclick = () => {\r\n                    document.querySelectorAll(\".horarios-grid button\").forEach(k => k.classList.remove(\"selected\"));\r\n                    b.classList.add(\"selected\");\r\n                    inputHora.value = hora;\r\n                };\r\n                listaHorarios.appendChild(b);\r\n            });\r\n        }\r\n\r\n        prevMonthBtn.onclick = () => { currentDate.setMonth(currentDate.getMonth() - 1); renderCalendar(); };\r\n        nextMonthBtn.onclick = () => { currentDate.setMonth(currentDate.getMonth() + 1); renderCalendar(); };\r\n\r\n        renderCalendar();\r\n\r\n        \/\/ BOT\u00d3N WHATSAPP\r\n        document.getElementById(\"btn-whatsapp\").addEventListener(\"click\", function(){\r\n            const nombre = document.getElementById(\"nombre\").value.trim();\r\n            const email = document.getElementById(\"email\").value.trim();\r\n            const telefono = document.getElementById(\"telefono\").value.trim();\r\n            const servicio = document.getElementById(\"servicio\").value.trim();\r\n            const fecha = inputFecha.value.trim();\r\n            const hora = inputHora.value.trim();\r\n            const descripcion = document.getElementById(\"descripcion\").value.trim();\r\n\r\n            if(!nombre || !email || !telefono || !servicio || !fecha || !hora){\r\n                alert(\"Por favor, completa todos los campos requeridos antes de reservar.\");\r\n                return;\r\n            }\r\n\r\n            const telefonoDestino = \"16628634067\";\r\n\r\n            const mensaje = \r\n`\ud83d\udc88 *Reserva de Cita*%0A\r\n\ud83d\udc64 *Nombre:* ${nombre}%0A\r\n\ud83d\udce7 *Email:* ${email}%0A\r\n\ud83d\udcde *Tel\u00e9fono:* ${telefono}%0A\r\n\ud83d\udc87 *Servicio:* ${servicio}%0A\r\n\ud83d\udcc5 *Fecha:* ${fecha}%0A\r\n\u23f0 *Hora:* ${hora}%0A\r\n\ud83d\udcdd *Nota:* ${descripcion}`;\r\n\r\n            window.open(`https:\/\/wa.me\/${telefonoDestino}?text=${mensaje}`, \"_blank\");\r\n        });\r\n    });\r\n    <\/script>\r\n\r\n    <\/p>\n","protected":false},"author":1,"featured_media":453,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-230","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>RESERVA AHORA | RAQUEL CONSULTANT<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RESERVA AHORA | RAQUEL CONSULTANT\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/\" \/>\n<meta property=\"og:site_name\" content=\"RAQUEL CONSULTANT\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-21T23:00:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"[lwp_divi_breadcrumbs home_text=&quot;Inicio&quot; link_color=&quot;#FFFFFF&quot; _builder_version=&quot;4.27.4&quot; _module_preset=&quot;default&quot; module_text_align=&quot;center&quot; module_text_color=&quot;#FFFFFF&quot; module_font_size=&quot;16px&quot; text_orientation=&quot;center&quot; custom_margin=&quot;-9px||||false|false&quot; module_font_size_tablet=&quot;&quot; module_font_size_phone=&quot;12px&quot; module_font_size_last_edited=&quot;on|phone&quot; text_orientation_tablet=&quot;&quot; text_orientation_phone=&quot;&quot; text_orientation_last_edited=&quot;on|phone&quot; module_alignment_tablet=&quot;&quot; module_alignment_phone=&quot;center&quot; module_alignment_last_edited=&quot;on|phone&quot; global_colors_info=&quot;{}&quot;][\/lwp_divi_breadcrumbs][form_reserva]\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/\",\"url\":\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/\",\"name\":\"RESERVA AHORA | RAQUEL CONSULTANT\",\"isPartOf\":{\"@id\":\"https:\/\/nueva.raquelconsultant.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp\",\"datePublished\":\"2025-11-04T01:32:55+00:00\",\"dateModified\":\"2025-11-21T23:00:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#primaryimage\",\"url\":\"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp\",\"contentUrl\":\"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp\",\"width\":600,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/nueva.raquelconsultant.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Reserva ahora\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nueva.raquelconsultant.com\/#website\",\"url\":\"https:\/\/nueva.raquelconsultant.com\/\",\"name\":\"RAQUEL CONSULTANT\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nueva.raquelconsultant.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"RESERVA AHORA | RAQUEL CONSULTANT","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/","og_locale":"es_ES","og_type":"article","og_title":"RESERVA AHORA | RAQUEL CONSULTANT","og_url":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/","og_site_name":"RAQUEL CONSULTANT","article_modified_time":"2025-11-21T23:00:57+00:00","og_image":[{"width":600,"height":400,"url":"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_description":"[lwp_divi_breadcrumbs home_text=\"Inicio\" link_color=\"#FFFFFF\" _builder_version=\"4.27.4\" _module_preset=\"default\" module_text_align=\"center\" module_text_color=\"#FFFFFF\" module_font_size=\"16px\" text_orientation=\"center\" custom_margin=\"-9px||||false|false\" module_font_size_tablet=\"\" module_font_size_phone=\"12px\" module_font_size_last_edited=\"on|phone\" text_orientation_tablet=\"\" text_orientation_phone=\"\" text_orientation_last_edited=\"on|phone\" module_alignment_tablet=\"\" module_alignment_phone=\"center\" module_alignment_last_edited=\"on|phone\" global_colors_info=\"{}\"][\/lwp_divi_breadcrumbs][form_reserva]","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/","url":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/","name":"RESERVA AHORA | RAQUEL CONSULTANT","isPartOf":{"@id":"https:\/\/nueva.raquelconsultant.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#primaryimage"},"image":{"@id":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#primaryimage"},"thumbnailUrl":"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp","datePublished":"2025-11-04T01:32:55+00:00","dateModified":"2025-11-21T23:00:57+00:00","breadcrumb":{"@id":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#primaryimage","url":"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp","contentUrl":"https:\/\/nueva.raquelconsultant.com\/wp-content\/uploads\/2025\/11\/8-2.webp","width":600,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/nueva.raquelconsultant.com\/index.php\/reserva-ahora\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/nueva.raquelconsultant.com\/"},{"@type":"ListItem","position":2,"name":"Reserva ahora"}]},{"@type":"WebSite","@id":"https:\/\/nueva.raquelconsultant.com\/#website","url":"https:\/\/nueva.raquelconsultant.com\/","name":"RAQUEL CONSULTANT","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nueva.raquelconsultant.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"}]}},"_links":{"self":[{"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/pages\/230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/comments?post=230"}],"version-history":[{"count":3,"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":454,"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/pages\/230\/revisions\/454"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/media\/453"}],"wp:attachment":[{"href":"https:\/\/nueva.raquelconsultant.com\/index.php\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}