{"id":640,"date":"2023-06-20T13:52:30","date_gmt":"2023-06-20T16:52:30","guid":{"rendered":"https:\/\/manuelrozas.cl\/?page_id=640"},"modified":"2025-11-26T10:52:11","modified_gmt":"2025-11-26T13:52:11","slug":"contacto","status":"publish","type":"page","link":"https:\/\/manuelrozas.cl\/es\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"640\" class=\"elementor elementor-640\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22a654ad e-con-full e-flex e-con e-parent\" data-id=\"22a654ad\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;background_motion_fx_translateY_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_translateY_affectedRange&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:0,&quot;end&quot;:100}},&quot;background_motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;background_motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:4,&quot;sizes&quot;:[]},&quot;background_motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-222a93d e-flex e-con-boxed e-con e-parent\" data-id=\"222a93d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4ce8874 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"4ce8874\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;slideshow&quot;,&quot;background_slideshow_gallery&quot;:[{&quot;id&quot;:862,&quot;url&quot;:&quot;https:\\\/\\\/manuelrozas.cl\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Captura-de-pantalla-2023-06-23-a-las-16.28.32.png&quot;},{&quot;id&quot;:869,&quot;url&quot;:&quot;https:\\\/\\\/manuelrozas.cl\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Captura-de-pantalla-2023-06-23-a-las-16.42.05.png&quot;},{&quot;id&quot;:870,&quot;url&quot;:&quot;https:\\\/\\\/manuelrozas.cl\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Captura-de-pantalla-2023-06-23-a-las-16.41.42.png&quot;},{&quot;id&quot;:871,&quot;url&quot;:&quot;https:\\\/\\\/manuelrozas.cl\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Captura-de-pantalla-2023-06-23-a-las-16.41.26.png&quot;}],&quot;background_slideshow_slide_duration&quot;:6000,&quot;background_slideshow_transition_duration&quot;:300,&quot;background_slideshow_ken_burns&quot;:&quot;yes&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;,&quot;background_slideshow_loop&quot;:&quot;yes&quot;,&quot;background_slideshow_slide_transition&quot;:&quot;fade&quot;,&quot;background_slideshow_ken_burns_zoom_direction&quot;:&quot;in&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3800585 e-con-full e-flex e-con e-child\" data-id=\"3800585\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0b6dfe elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"d0b6dfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00c1reas de atenci\u00f3n directa<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1b8053 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"b1b8053\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-map-pin\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Regi\u00f3n Metropolitana, Santiago de Chile<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-map-pin\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Regi\u00f3n de Valpara\u00edso, Vi\u00f1a del Mar<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-map-pin\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Region de la Araucan\u00eda, Villarica<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-map-pin\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Region de la Araucan\u00eda, Puc\u00f3n<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-28d0e06 elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"28d0e06\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInDown&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">ESCR\u00cdBEME UN EMAIL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8605b41 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"8605b41\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-mail-bulk\"><\/i>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">manuelrozas.cl@gmail.com<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f8ca6fe e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"f8ca6fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e9fa3d elementor-widget elementor-widget-html\" data-id=\"3e9fa3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\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>WhatsApp Widget<\/title>\r\n    <!-- Incluye Tailwind CSS -->\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <style>\r\n        \/* Estilos personalizados para la animaci\u00f3n de revelaci\u00f3n del formulario *\/\r\n        .message-form-container {\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n            transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;\r\n        }\r\n\r\n        .message-form-container.active {\r\n            max-height: 800px;\r\n            opacity: 1;\r\n            padding-top: 1rem;\r\n            padding-bottom: 1rem;\r\n        }\r\n\r\n        \/* Estilo unificado para todos los campos de entrada, inspirados en el \u00e1rea de texto *\/\r\n        .input-field {\r\n            @apply w-full p-3 bg-white border border-gray-200 rounded-xl shadow-sm text-gray-800 focus:outline-none focus:ring-4 focus:ring-emerald-200 focus:ring-offset-2 transition-all duration-300 placeholder-gray-400;\r\n        }\r\n\r\n        \/* Estilo para los selectores: mismo estilo base que los inputs para un dise\u00f1o consistente *\/\r\n        select.input-field {\r\n            @apply bg-white;\r\n            min-height: 3rem; \/* igualar la altura visual con los inputs de texto *\/\r\n            padding-left: 0.75rem; \/* separar el placeholder del borde izquierdo para que coincida con otros campos *\/\r\n        }\r\n\r\n        \/* Estilo para el \u00e1rea de texto, ahora con la clase unificada *\/\r\n        .text-area {\r\n            @apply w-full p-3 bg-white border border-gray-200 rounded-xl shadow-sm text-gray-800 focus:outline-none focus:ring-4 focus:ring-emerald-200 focus:ring-offset-2 transition-all duration-300 placeholder-gray-400 resize-none;\r\n            padding-top: 0.9rem;   \/* Separa el placeholder del borde superior *\/\r\n            padding-left: 0.9rem;  \/* Alinea el placeholder con el resto de campos *\/\r\n        }\r\n\r\n        .input-label {\r\n            @apply block text-sm font-semibold text-gray-700 mb-1;\r\n        }\r\n        \r\n        \/* Estilos para el autocompletado de regi\u00f3n y comuna *\/\r\n        .autocomplete-container {\r\n            position: relative;\r\n        }\r\n        .autocomplete-list {\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 0;\r\n            right: 0;\r\n            z-index: 10;\r\n            background-color: white;\r\n            border-radius: 0.75rem;\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n            max-height: 200px;\r\n            overflow-y: auto;\r\n            margin-top: 4px;\r\n        }\r\n        .autocomplete-item {\r\n            padding: 0.75rem;\r\n            cursor: pointer;\r\n            @apply hover:bg-emerald-100 transition-colors duration-200;\r\n        }\r\n\r\n        \/* Estilos para la ventana modal de confirmaci\u00f3n *\/\r\n        .modal-overlay {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background-color: rgba(0, 0, 0, 0.5);\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            z-index: 20;\r\n            visibility: hidden;\r\n            opacity: 0;\r\n            transition: visibility 0s, opacity 0.3s linear;\r\n        }\r\n\r\n        .modal-overlay.active {\r\n            visibility: visible;\r\n            opacity: 1;\r\n        }\r\n\r\n        .modal-content {\r\n            background-color: #f7fef9;\r\n            padding: 2rem;\r\n            border-radius: 1.5rem;\r\n            max-width: 450px;\r\n            text-align: center;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);\r\n            transform: scale(0.95);\r\n            transition: transform 0.3s ease-out;\r\n        }\r\n\r\n        .modal-overlay.active .modal-content {\r\n            transform: scale(1);\r\n        }\r\n\r\n        \/* Date picker personalizado, compacto y consistente *\/\r\n        .date-picker {\r\n            position: absolute;\r\n            top: 100%;\r\n            left: 0;\r\n            margin-top: 0.5rem;\r\n            background-color: #ffffff;\r\n            border-radius: 0.75rem;\r\n            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);\r\n            padding: 0.75rem;\r\n            z-index: 20;\r\n            width: 16rem;\r\n            border: 1px solid #e5e7eb;\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        .date-picker-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            margin-bottom: 0.5rem;\r\n        }\r\n\r\n        .date-picker-nav-btn {\r\n            width: 1.5rem;\r\n            height: 1.5rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 9999px;\r\n            background-color: #ecfdf5;\r\n            color: #047857;\r\n            border: none;\r\n            cursor: pointer;\r\n            transition: background-color 0.15s ease-in-out;\r\n            font-size: 0.75rem;\r\n        }\r\n\r\n        .date-picker-nav-btn:hover {\r\n            background-color: #d1fae5;\r\n        }\r\n\r\n        .date-picker-month-year {\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            color: #111827;\r\n        }\r\n\r\n        .date-picker-weekdays {\r\n            display: grid;\r\n            grid-template-columns: repeat(7, minmax(0, 1fr));\r\n            text-align: center;\r\n            color: #9ca3af;\r\n            margin-bottom: 0.25rem;\r\n        }\r\n\r\n        .date-picker-weekdays span {\r\n            padding: 0.1rem 0;\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n        .date-picker-days {\r\n            display: grid;\r\n            grid-template-columns: repeat(7, minmax(0, 1fr));\r\n            gap: 0.15rem;\r\n        }\r\n\r\n        .date-picker-day {\r\n            width: 1.7rem;\r\n            height: 1.7rem;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            border-radius: 9999px;\r\n            cursor: pointer;\r\n            font-size: 0.7rem;\r\n            color: #374151;\r\n            border: 1px solid transparent;\r\n            background-color: #ffffff;\r\n            transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out, border-color 0.15s ease-in-out;\r\n        }\r\n\r\n        .date-picker-day:hover {\r\n            background-color: #ecfdf5;\r\n        }\r\n\r\n        .date-picker-day.disabled {\r\n            color: #d1d5db;\r\n            cursor: not-allowed;\r\n            background-color: transparent;\r\n        }\r\n\r\n        .date-picker-day.disabled:hover {\r\n            background-color: transparent;\r\n        }\r\n\r\n        .date-picker-day.selected {\r\n            background-color: #10b981;\r\n            color: #ffffff;\r\n            border-color: #059669;\r\n        }\r\n\r\n        .date-picker-day.today:not(.selected) {\r\n            border-color: #34d399;\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body class=\"bg-slate-50 flex items-center justify-center min-h-screen p-4 font-sans\">\r\n\r\n    <!-- Contenedor principal del widget con un dise\u00f1o m\u00e1s moderno y ancho completo -->\r\n    <div id=\"whatsapp-widget\" class=\"bg-gradient-to-br from-emerald-50 to-emerald-100 p-8 rounded-3xl shadow-2xl w-full\">\r\n\r\n        <!-- T\u00edtulo y descripci\u00f3n -->\r\n        <div class=\"text-center mb-6\">\r\n            <h2 class=\"text-3xl font-extrabold text-gray-900 mb-2\">Cont\u00e1ctanos<\/h2>\r\n            <p class=\"text-gray-600\">Completa el formulario y te responderemos por WhatsApp.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Bot\u00f3n para iniciar el contacto con un estilo m\u00e1s destacado -->\r\n        <button id=\"contactButton\" class=\"w-full bg-emerald-600 text-white font-bold py-4 px-6 rounded-3xl shadow-xl hover:bg-emerald-700 transition-all duration-300 flex items-center justify-center gap-2 transform hover:scale-105 active:scale-100\">\r\n            Contactar ahora\r\n        <\/button>\r\n\r\n        <!-- Contenedor del formulario de mensaje (inicialmente oculto) -->\r\n        <div id=\"messageFormContainer\" class=\"message-form-container\">\r\n\r\n            <!-- Fila 0: Nombre y Correo -->\r\n            <div class=\"flex flex-col md:flex-row gap-4 mb-4\">\r\n                <div class=\"flex-1\">\r\n                    <label for=\"nameInput\" class=\"input-label\">Nombre:<\/label>\r\n                    <input type=\"text\" id=\"nameInput\" class=\"input-field\" placeholder=\"Tu nombre completo\">\r\n                <\/div>\r\n                <div class=\"flex-1\">\r\n                    <label for=\"emailInput\" class=\"input-label\">Correo electr\u00f3nico:<\/label>\r\n                    <input type=\"email\" id=\"emailInput\" class=\"input-field\" placeholder=\"tucorreo@ejemplo.com\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Fila 1: Regi\u00f3n y Comuna -->\r\n            <div class=\"flex flex-col md:flex-row gap-4 mb-4\">\r\n                <div class=\"flex-1\">\r\n                    <label for=\"regionInput\" class=\"input-label\">Regi\u00f3n:<\/label>\r\n                    <div class=\"autocomplete-container\">\r\n                        <input type=\"text\" id=\"regionInput\" class=\"input-field\" placeholder=\"Busca tu Regi\u00f3n...\">\r\n                        <div id=\"regionList\" class=\"autocomplete-list hidden\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"flex-1\">\r\n                    <label for=\"communeInput\" class=\"input-label\">Comuna:<\/label>\r\n                    <div class=\"autocomplete-container\">\r\n                        <input type=\"text\" id=\"communeInput\" class=\"input-field\" placeholder=\"Busca tu Comuna...\" disabled>\r\n                        <div id=\"communeList\" class=\"autocomplete-list hidden\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Fila 2: Medidas -->\r\n            <div class=\"flex flex-col md:flex-row gap-4 mb-4\">\r\n                <div class=\"flex-1\">\r\n                    <label class=\"input-label\">Medidas del lugar (Opcional):<\/label>\r\n                    <div class=\"grid grid-cols-3 gap-2\">\r\n                        <input type=\"number\" id=\"width\" class=\"input-field text-center\" placeholder=\"Ancho (m)\">\r\n                        <input type=\"number\" id=\"length\" class=\"input-field text-center\" placeholder=\"Largo (m)\">\r\n                        <input type=\"number\" id=\"height\" class=\"input-field text-center\" placeholder=\"Alto (m)\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Fila 3: Color y Fecha del Evento -->\r\n            <div class=\"flex flex-col md:flex-row gap-4 mb-4\">\r\n                <div class=\"flex-1\">\r\n                    <label for=\"colorInput\" class=\"input-label\">Color (Opcional):<\/label>\r\n                    <input type=\"text\" id=\"colorInput\" class=\"input-field\" placeholder=\"Ej: Blanco, Negro, Rojo...\">\r\n                <\/div>\r\n\r\n                <div class=\"flex-1 relative\">\r\n                    <label for=\"eventDate\" class=\"input-label\">Fecha del Evento:<\/label>\r\n                    <input type=\"text\" id=\"eventDate\" class=\"input-field\" placeholder=\"dd\/mm\/yyyy\" readonly>\r\n                    <p id=\"dateError\" class=\"text-red-500 text-xs mt-1 hidden\">Formato de fecha inv\u00e1lido. Por favor, usa dd\/mm\/yyyy.<\/p>\r\n\r\n                    <!-- Date picker personalizado -->\r\n                    <div id=\"customDatePicker\" class=\"date-picker hidden\">\r\n                        <div class=\"date-picker-header\">\r\n                            <button type=\"button\" id=\"prevMonth\" class=\"date-picker-nav-btn\">&lt;<\/button>\r\n                            <div class=\"date-picker-month-year\">\r\n                                <span id=\"datePickerMonth\"><\/span>\r\n                                <span id=\"datePickerYear\" class=\"ml-1\"><\/span>\r\n                            <\/div>\r\n                            <button type=\"button\" id=\"nextMonth\" class=\"date-picker-nav-btn\">&gt;<\/button>\r\n                        <\/div>\r\n                        <div class=\"date-picker-weekdays\">\r\n                            <span>Lu<\/span>\r\n                            <span>Ma<\/span>\r\n                            <span>Mi<\/span>\r\n                            <span>Ju<\/span>\r\n                            <span>Vi<\/span>\r\n                            <span class=\"text-emerald-500\">Sa<\/span>\r\n                            <span class=\"text-emerald-500\">Do<\/span>\r\n                        <\/div>\r\n                        <div id=\"datePickerDays\" class=\"date-picker-days\"><\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Campo de selecci\u00f3n para el tipo de evento (fila completa) -->\r\n            <div class=\"mb-4\">\r\n                <label for=\"eventType\" class=\"input-label\">Tipo de Evento:<\/label>\r\n                <select id=\"eventType\" class=\"input-field\">\r\n                    <option value=\"\" disabled selected>Selecciona una opci\u00f3n<\/option>\r\n                    <option value=\"Eventos Privado\">Eventos Privado<\/option>\r\n                    <option value=\"Matrimonio\">Matrimonio<\/option>\r\n                    <option value=\"Carpa Terraza\">Carpa Terraza<\/option>\r\n                    <option value=\"Venta\">Venta<\/option>\r\n                    <option value=\"Arriendo\">Arriendo<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <!-- Campo de texto para el mensaje adicional (fila completa) -->\r\n            <div class=\"mb-4\">\r\n                <label for=\"additionalMessage\" class=\"input-label\">Mensaje adicional:<\/label>\r\n                <textarea id=\"additionalMessage\" class=\"text-area\" rows=\"4\" placeholder=\"Cuentanos m\u00e1s sobre tu evento o consulta...\"><\/textarea>\r\n            <\/div>\r\n            \r\n            <!-- Bot\u00f3n de env\u00edo con un estilo m\u00e1s destacado -->\r\n            <button id=\"sendButton\" class=\"w-full mt-4 bg-emerald-600 text-white font-bold py-3 px-6 rounded-3xl shadow-xl hover:bg-emerald-700 transition-all duration-300 transform hover:scale-105 active:scale-100 flex items-center justify-center\">\r\n                Enviar mensaje\r\n                <!-- SVG del \u00edcono de WhatsApp, ahora fijo a la derecha -->\r\n                <svg class=\"w-5 h-5 text-white ml-2\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M12 2C6.48 2 2 6.48 2 12C2 14.16 2.68 16.14 3.82 17.75L2.5 22.01L6.75 20.76C8.36 21.32 10.16 21.6 12 21.6C17.52 21.6 22 17.12 22 11.64C22 6.16 17.52 1.68 12 1.68ZM15.82 15.02C15.68 15.3 15.34 15.42 15.01 15.42C14.68 15.42 14.35 15.38 14.02 15.34C13.69 15.3 13.06 15.14 12.63 15.08C12.19 15.02 11.75 14.98 11.31 14.94C10.87 14.9 10.43 14.86 10 14.82C9.56 14.78 9.12 14.74 8.7 14.7C8.28 14.66 7.84 14.62 7.42 14.58C7.03 14.54 6.64 14.5 6.25 14.46C5.86 14.42 5.48 14.38 5.1 14.34C4.71 14.3 4.32 14.26 3.94 14.22C3.55 14.18 3.16 14.14 2.78 14.1C2.39 14.06 2 14.02 2 14.02ZM12 18.06C9.1 18.06 6.67 16.74 5.34 14.66L1.8 19.34L7.54 18.02C9.28 18.66 11.08 18.94 12.92 18.94C16.96 18.94 20.36 15.7 20.36 11.64C20.36 7.58 16.96 4.34 12.92 4.34C9.28 4.34 6.2 6.42 4.6 9.66L8.4 12.28C9.52 10.46 11.68 9.38 13.9 9.38C15.96 9.38 17.76 10.74 18.44 12.64L18.44 12.64C18.52 12.78 18.48 12.9 18.36 12.98C18.24 13.06 18.12 13.1 17.98 13.06C17.84 13.02 17.68 12.98 17.52 12.94C17.36 12.9 17.2 12.86 17.04 12.82C16.88 12.78 16.72 12.74 16.56 12.7C16.4 12.66 16.24 12.62 16.08 12.58C15.92 12.54 15.76 12.5 15.6 12.46C15.44 12.42 15.28 12.38 15.12 12.34C14.96 12.3 14.8 12.26 14.64 12.22C14.48 12.18 14.32 12.14 14.16 12.1C14 12.06 13.84 12.02 13.68 11.98C13.52 11.94 13.36 11.9 13.2 11.86C13.04 11.82 12.88 11.78 12.72 11.74C12.56 11.7 12.4 11.66 12.24 11.62C12.08 11.58 11.92 11.54 11.76 11.5L11.76 11.5C11.6 11.46 11.44 11.42 11.28 11.38C11.12 11.34 10.96 11.3 10.8 11.26C10.64 11.22 10.48 11.18 10.32 11.14C10.16 11.1 10 11.06 9.84 11.02C9.68 10.98 9.52 10.94 9.36 10.9C9.2 10.86 9.04 10.82 8.88 10.78C8.72 10.74 8.56 10.7 8.4 10.66C8.24 10.62 8.08 10.58 7.92 10.54C7.76 10.5 7.6 10.46 7.44 10.42C7.28 10.38 7.12 10.34 6.96 10.3C6.8 10.26 6.64 10.22 6.48 10.18C6.32 10.14 6.16 10.1 6 10.06C5.84 10.02 5.68 9.98 5.52 9.94C5.36 9.9 5.2 9.86 5.04 9.82C4.88 9.78 4.72 9.74 4.56 9.7C4.4 9.66 4.24 9.62 4.08 9.58C3.92 9.54 3.76 9.5 3.6 9.46C3.44 9.42 3.28 9.38 3.12 9.34C2.96 9.3 2.8 9.26 2.64 9.22C2.48 9.18 2.32 9.14 2.16 9.1L2.16 9.1Z\" \/>\r\n            <\/svg>\r\n        <\/button>\r\n\r\n    <\/div>\r\n\r\n    <!-- Ventana Modal de Confirmaci\u00f3n -->\r\n    <div id=\"confirmationModal\" class=\"modal-overlay\">\r\n        <div class=\"modal-content\">\r\n            <h3 class=\"text-xl font-bold text-gray-800 mb-4\">Confirmar env\u00edo de mensaje<\/h3>\r\n            <p class=\"text-gray-600 mb-6\">Ser\u00e1s redirigido a WhatsApp con un mensaje predefinido con la informaci\u00f3n que llenaste. Si lo deseas, puedes modificar el mensaje antes de enviarlo.<\/p>\r\n            <div class=\"flex justify-around\">\r\n                <button id=\"cancelButton\" class=\"bg-gray-200 text-gray-800 font-bold py-2 px-4 rounded-xl hover:bg-gray-300 transition-colors duration-300\">Cancelar<\/button>\r\n                <button id=\"confirmButton\" class=\"bg-emerald-600 text-white font-bold py-2 px-4 rounded-xl hover:bg-emerald-700 transition-colors duration-300\">Continuar a WhatsApp<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ L\u00f3gica del JavaScript para manejar la interactividad (con cambios para la fecha)\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const contactButton = document.getElementById('contactButton');\r\n            const messageFormContainer = document.getElementById('messageFormContainer');\r\n            const nameInput = document.getElementById('nameInput');\r\n            const emailInput = document.getElementById('emailInput');\r\n            const eventTypeSelect = document.getElementById('eventType');\r\n            const regionInput = document.getElementById('regionInput');\r\n            const communeInput = document.getElementById('communeInput');\r\n            const regionList = document.getElementById('regionList');\r\n            const communeList = document.getElementById('communeList');\r\n            const widthInput = document.getElementById('width');\r\n            const lengthInput = document.getElementById('length');\r\n            const heightInput = document.getElementById('height');\r\n            const colorInput = document.getElementById('colorInput');\r\n            const eventDateInput = document.getElementById('eventDate');\r\n            const dateError = document.getElementById('dateError');\r\n            const datePicker = document.getElementById('customDatePicker');\r\n            const datePickerMonth = document.getElementById('datePickerMonth');\r\n            const datePickerYear = document.getElementById('datePickerYear');\r\n            const prevMonthBtn = document.getElementById('prevMonth');\r\n            const nextMonthBtn = document.getElementById('nextMonth');\r\n            const datePickerDays = document.getElementById('datePickerDays');\r\n            const additionalMessageInput = document.getElementById('additionalMessage');\r\n            const sendButton = document.getElementById('sendButton');\r\n\r\n            const confirmationModal = document.getElementById('confirmationModal');\r\n            const confirmButton = document.getElementById('confirmButton');\r\n            const cancelButton = document.getElementById('cancelButton');\r\n\r\n            \/\/ N\u00famero de WhatsApp predefinido por el usuario\r\n            const phoneNumber = '+56997349295';\r\n\r\n            \/\/ Datos de regiones y comunas de Chile\r\n            const regionsAndCommunes = [\r\n                { \"region\": \"Arica y Parinacota\", \"comunas\": [\"Arica\", \"Camarones\", \"Putre\", \"General Lagos\"] },\r\n                { \"region\": \"Tarapac\u00e1\", \"comunas\": [\"Iquique\", \"Alto Hospicio\", \"Pozo Almonte\", \"Cami\u00f1a\", \"Colchane\", \"Huara\", \"Pica\"] },\r\n                { \"region\": \"Antofagasta\", \"comunas\": [\"Antofagasta\", \"Mejillones\", \"Sierra Gorda\", \"Taltal\", \"Calama\", \"Ollag\u00fce\", \"San Pedro de Atacama\", \"Tocopilla\", \"Mar\u00eda Elena\"] },\r\n                { \"region\": \"Atacama\", \"comunas\": [\"Copiap\u00f3\", \"Caldera\", \"Tierra Amarilla\", \"Cha\u00f1aral\", \"Diego de Almagro\", \"Vallenar\", \"Alto del Carmen\", \"Freirina\", \"Huasco\"] },\r\n                { \"region\": \"Coquimbo\", \"comunas\": [\"La Serena\", \"Coquimbo\", \"Andacollo\", \"La Higuera\", \"Paiguano\", \"Vicu\u00f1a\", \"Illapel\", \"Canela\", \"Los Vilos\", \"Salamanca\", \"Ovalle\", \"Combarbal\u00e1\", \"Monte Patria\", \"Punitaqui\", \"R\u00edo Hurtado\"] },\r\n                { \"region\": \"Valpara\u00edso\", \"comunas\": [\"Valpara\u00edso\", \"Casablanca\", \"Conc\u00f3n\", \"Juan Fern\u00e1ndez\", \"Quintero\", \"Vi\u00f1a del Mar\", \"Isla de Pascua\", \"Los Andes\", \"Calle Larga\", \"Rinconada\", \"San Esteban\", \"La Ligua\", \"Cabildo\", \"Papudo\", \"Petorca\", \"Zapallar\", \"Quillota\", \"Calera\", \"Hijuelas\", \"La Cruz\", \"Nogales\", \"San Antonio\", \"Algarrobo\", \"Cartagena\", \"El Quisco\", \"El Tabo\", \"Santo Domingo\", \"San Felipe\", \"Catemu\", \"Llay-Llay\", \"Panquehue\", \"Putaendo\", \"Santa Mar\u00eda\", \"Quilpu\u00e9\", \"Limache\", \"Olmu\u00e9\", \"Villa Alemana\"] },\r\n                { \"region\": \"Regi\u00f3n Metropolitana de Santiago\", \"comunas\": [\"Cerrillos\", \"Cerro Navia\", \"Conchal\u00ed\", \"El Bosque\", \"Estaci\u00f3n Central\", \"Huechuraba\", \"Independencia\", \"La Cisterna\", \"La Florida\", \"La Granja\", \"La Pintana\", \"La Reina\", \"Las Condes\", \"Lo Barnechea\", \"Lo Espejo\", \"Lo Prado\", \"Macul\", \"Maip\u00fa\", \"\u00d1u\u00f1oa\", \"Pedro Aguirre Cerda\", \"Pe\u00f1alol\u00e9n\", \"Providencia\", \"Pudahuel\", \"Quilicura\", \"Quinta Normal\", \"Recoleta\", \"Renca\", \"Santiago\", \"San Joaqu\u00edn\", \"San Miguel\", \"San Ram\u00f3n\", \"Vitacura\", \"Puente Alto\", \"Pirque\", \"San Jos\u00e9 de Maipo\", \"Colina\", \"Lampa\", \"Tiltil\", \"San Bernardo\", \"Buin\", \"Calera de Tango\", \"Paine\", \"Melipilla\", \"Alhu\u00e9\", \"Curacav\u00ed\", \"Mar\u00eda Pinto\", \"San Pedro\", \"Talagante\", \"El Monte\", \"Isla de Maipo\", \"Padre Hurtado\", \"Pe\u00f1aflor\"] },\r\n                { \"region\": \"Regi\u00f3n del Libertador Gral. Bernardo O'Higgins\", \"comunas\": [\"Rancagua\", \"Codegua\", \"Co\u00ednco\", \"Coltauco\", \"Do\u00f1ihue\", \"Graneros\", \"Las Cabras\", \"Machal\u00ed\", \"Malloa\", \"Mostazal\", \"Olivar\", \"Peumo\", \"Pichidegua\", \"Quinta de Tilcoco\", \"Rengo\", \"Requ\u00ednoa\", \"San Vicente\", \"Pichilemu\", \"La Estrella\", \"Litueche\", \"Marchig\u00fce\", \"Navidad\", \"Paredones\", \"San Fernando\", \"Ch\u00e9pica\", \"Chimbarongo\", \"Lolol\", \"Nancagua\", \"Palmilla\", \"Peralillo\", \"Placilla\", \"Pumanque\", \"Santa Cruz\"] },\r\n                { \"region\": \"Regi\u00f3n del Maule\", \"comunas\": [\"Talca\", \"Constituci\u00f3n\", \"Curepto\", \"Empedrado\", \"Maule\", \"Pelarco\", \"Pencahue\", \"R\u00edo Claro\", \"San Clemente\", \"San Rafael\", \"Cauquenes\", \"Chanco\", \"Pelluhue\", \"Curic\u00f3\", \"Huala\u00f1\u00e9\", \"Licant\u00e9n\", \"Molina\", \"Rauco\", \"Romeral\", \"Sagrada Familia\", \"Teno\", \"Vichuqu\u00e9n\", \"Linares\", \"Colb\u00fan\", \"Longav\u00ed\", \"Parral\", \"Retiro\", \"San Javier\", \"Villa Alegre\", \"Yerbas Buenas\"] },\r\n                { \"region\": \"Regi\u00f3n de \u00d1uble\", \"comunas\": [\"Cobquecura\", \"Coelemu\", \"Ninhue\", \"Portezuelo\", \"Quirihue\", \"R\u00e1nquil\", \"Treguaco\", \"Bulnes\", \"Chill\u00e1n Viejo\", \"Chill\u00e1n\", \"El Carmen\", \"Pemuco\", \"Pinto\", \"Quill\u00f3n\", \"San Ignacio\", \"Yungay\", \"Coihueco\", \"\u00d1iqu\u00e9n\", \"San Carlos\", \"San Fabi\u00e1n\", \"San Nicol\u00e1s\"] },\r\n                { \"region\": \"Regi\u00f3n del Biob\u00edo\", \"comunas\": [\"Concepci\u00f3n\", \"Coronel\", \"Chiguayante\", \"Florida\", \"Hualqui\", \"Lota\", \"Penco\", \"San Pedro de la Paz\", \"Santa Juana\", \"Talcahuano\", \"Tom\u00e9\", \"Hualp\u00e9n\", \"Lebu\", \"Arauco\", \"Ca\u00f1ete\", \"Contulmo\", \"Curanilahue\", \"Los \u00c1lamos\", \"Tir\u00faa\", \"Los \u00c1ngeles\", \"Antuco\", \"Cabrero\", \"Laja\", \"Mulch\u00e9n\", \"Nacimiento\", \"Negrete\", \"Quilaco\", \"Quilleco\", \"San Rosendo\", \"Santa B\u00e1rbara\", \"Tucapel\", \"Yumbel\", \"Alto Biob\u00edo\"] },\r\n                { \"region\": \"Regi\u00f3n de La Araucan\u00eda\", \"comunas\": [\"Temuco\", \"Carahue\", \"Cholchol\", \"Cunco\", \"Curarrehue\", \"Freire\", \"Galvarino\", \"Gorbea\", \"Lautaro\", \"Loncoche\", \"Melipeuco\", \"Nueva Imperial\", \"Padre Las Casas\", \"Perquenco\", \"Pitrufqu\u00e9n\", \"Puc\u00f3n\", \"Saavedra\", \"Teodoro Schmidt\", \"Tolt\u00e9n\", \"Vilc\u00fan\", \"Villarrica\", \"Cholchol\", \"Angol\", \"Collipulli\", \"Curacaut\u00edn\", \"Ercilla\", \"Lonquimay\", \"Los Sauces\", \"Lumaco\", \"Pur\u00e9n\", \"Renaico\", \"Traigu\u00e9n\", \"Victoria\"] },\r\n                { \"region\": \"Regi\u00f3n de Los R\u00edos\", \"comunas\": [\"Valdivia\", \"Corral\", \"Lanco\", \"Los Lagos\", \"M\u00e1fil\", \"Mariquina\", \"Paillaco\", \"Panguipulli\", \"La Uni\u00f3n\", \"Futrono\", \"Lago Ranco\", \"R\u00edo Bueno\"] },\r\n                { \"region\": \"Regi\u00f3n de Los Lagos\", \"comunas\": [\"Puerto Montt\", \"Calbuco\", \"Cocham\u00f3\", \"Fresia\", \"Frutillar\", \"Los Muermos\", \"Llanquihue\", \"Maull\u00edn\", \"Puerto Varas\", \"Castro\", \"Ancud\", \"Chonchi\", \"Curaco de V\u00e9lez\", \"Dalcahue\", \"Puqueld\u00f3n\", \"Queil\u00e9n\", \"Quell\u00f3n\", \"Quemchi\", \"Quinchao\", \"Osorno\", \"Puerto Octay\", \"Purranque\", \"Puyehue\", \"R\u00edo Negro\", \"San Juan de la Costa\", \"San Pablo\", \"Chait\u00e9n\", \"Futaleuf\u00fa\", \"Hualaihu\u00e9\", \"Palena\"] },\r\n                { \"region\": \"Regi\u00f3n de Ays\u00e9n del Gral. Carlos Ib\u00e1\u00f1ez del Campo\", \"comunas\": [\"Coihaique\", \"Lago Verde\", \"Ais\u00e9n\", \"Cisnes\", \"Guaitecas\", \"Cochrane\", \"O'Higgins\", \"Tortel\", \"Chile Chico\", \"R\u00edo Ib\u00e1\u00f1ez\"] },\r\n                { \"region\": \"Regi\u00f3n de Magallanes y de la Ant\u00e1rtica Chilena\", \"comunas\": [\"Punta Arenas\", \"Laguna Blanca\", \"R\u00edo Verde\", \"San Gregorio\", \"Cabo de Hornos\", \"Ant\u00e1rtica\", \"Porvenir\", \"Primavera\", \"Timaukel\", \"Natales\", \"Torres del Paine\"] },\r\n                { \"region\": \"Regi\u00f3n Metropolitana de Santiago\", \"comunas\": [\"Cerrillos\", \"Cerro Navia\", \"Conchal\u00ed\", \"El Bosque\", \"Estaci\u00f3n Central\", \"Huechuraba\", \"Independencia\", \"La Cisterna\", \"La Florida\", \"La Granja\", \"La Pintana\", \"La Reina\", \"Las Condes\", \"Lo Barnechea\", \"Lo Espejo\", \"Lo Prado\", \"Macul\", \"Maip\u00fa\", \"\u00d1u\u00f1oa\", \"Pedro Aguirre Cerda\", \"Pe\u00f1alol\u00e9n\", \"Providencia\", \"Pudahuel\", \"Quilicura\", \"Quinta Normal\", \"Recoleta\", \"Renca\", \"Santiago\", \"San Joaqu\u00edn\", \"San Miguel\", \"San Ram\u00f3n\", \"Vitacura\", \"Puente Alto\", \"Pirque\", \"San Jos\u00e9 de Maipo\", \"Colina\", \"Lampa\", \"Tiltil\", \"San Bernardo\", \"Buin\", \"Calera de Tango\", \"Paine\", \"Melipilla\", \"Alhu\u00e9\", \"Curacav\u00ed\", \"Mar\u00eda Pinto\", \"San Pedro\", \"Talagante\", \"El Monte\", \"Isla de Maipo\", \"Padre Hurtado\", \"Pe\u00f1aflor\"] }\r\n            ];\r\n            \r\n            let selectedRegion = '';\r\n            let whatsappMessage = '';\r\n            let currentDate = new Date();\r\n            let selectedDate = null;\r\n\r\n            const formatDate = (date) => {\r\n                const day = String(date.getDate()).padStart(2, '0');\r\n                const month = String(date.getMonth() + 1).padStart(2, '0');\r\n                const year = date.getFullYear();\r\n                return `${day}\/${month}\/${year}`;\r\n            };\r\n\r\n            const isSameDate = (d1, d2) => {\r\n                return d1.getFullYear() === d2.getFullYear() &&\r\n                       d1.getMonth() === d2.getMonth() &&\r\n                       d1.getDate() === d2.getDate();\r\n            };\r\n\r\n            const isPastDate = (date) => {\r\n                const today = new Date();\r\n                today.setHours(0, 0, 0, 0);\r\n                const d = new Date(date);\r\n                d.setHours(0, 0, 0, 0);\r\n                return d < today;\r\n            };\r\n\r\n            const renderCalendar = () => {\r\n                const year = currentDate.getFullYear();\r\n                const month = currentDate.getMonth(); \/\/ 0-11\r\n\r\n                const monthNames = [\r\n                    'Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',\r\n                    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'\r\n                ];\r\n\r\n                datePickerMonth.textContent = monthNames[month];\r\n                datePickerYear.textContent = year;\r\n\r\n                datePickerDays.innerHTML = '';\r\n\r\n                const firstDayOfMonth = new Date(year, month, 1);\r\n                const lastDayOfMonth = new Date(year, month + 1, 0);\r\n\r\n                \/\/ En JS, getDay(): 0=Dom,1=Lun,... Queremos que el calendario empiece en Lunes.\r\n                let startIndex = firstDayOfMonth.getDay() - 1;\r\n                if (startIndex < 0) startIndex = 6; \/\/ Si es domingo\r\n\r\n                for (let i = 0; i < startIndex; i++) {\r\n                    const emptyCell = document.createElement('div');\r\n                    datePickerDays.appendChild(emptyCell);\r\n                }\r\n\r\n                const today = new Date();\r\n                today.setHours(0, 0, 0, 0);\r\n\r\n                for (let day = 1; day <= lastDayOfMonth.getDate(); day++) {\r\n                    const cellDate = new Date(year, month, day);\r\n                    const button = document.createElement('button');\r\n                    button.type = 'button';\r\n                    button.textContent = day;\r\n                    button.classList.add('date-picker-day');\r\n\r\n                    if (isPastDate(cellDate)) {\r\n                        button.classList.add('disabled');\r\n                    } else {\r\n                        button.addEventListener('click', () => {\r\n                            selectedDate = cellDate;\r\n                            eventDateInput.value = formatDate(selectedDate);\r\n                            dateError.classList.add('hidden');\r\n                            eventDateInput.style.borderColor = '#d1d5db';\r\n                            closeDatePicker();\r\n                        });\r\n                    }\r\n\r\n                    if (isSameDate(cellDate, today)) {\r\n                        button.classList.add('today');\r\n                    }\r\n\r\n                    if (selectedDate && isSameDate(cellDate, selectedDate)) {\r\n                        button.classList.add('selected');\r\n                    }\r\n\r\n                    datePickerDays.appendChild(button);\r\n                }\r\n            };\r\n\r\n            const openDatePicker = () => {\r\n                datePicker.classList.remove('hidden');\r\n                renderCalendar();\r\n            };\r\n\r\n            const closeDatePicker = () => {\r\n                datePicker.classList.add('hidden');\r\n            };\r\n\r\n            \/\/ Funci\u00f3n para mostrar\/ocultar el autocompletado de comunas basado en la regi\u00f3n seleccionada\r\n            const showCommuneInput = (region) => {\r\n                communeInput.placeholder = `Busca una Comuna en ${region}`;\r\n                communeInput.disabled = false;\r\n            };\r\n\r\n            \/\/ Funci\u00f3n gen\u00e9rica para manejar el autocompletado\r\n            const handleAutocomplete = (inputElement, listElement, data) => {\r\n                inputElement.addEventListener('input', (e) => {\r\n                    const value = e.target.value.toLowerCase();\r\n                    listElement.innerHTML = '';\r\n                    if (!value) {\r\n                        listElement.classList.add('hidden');\r\n                        return;\r\n                    }\r\n\r\n                    const filteredData = data.filter(item => item.toLowerCase().includes(value));\r\n\r\n                    if (filteredData.length > 0) {\r\n                        filteredData.forEach(item => {\r\n                            const div = document.createElement('div');\r\n                            div.textContent = item;\r\n                            div.classList.add('autocomplete-item');\r\n                            div.addEventListener('click', () => {\r\n                                inputElement.value = item;\r\n                                listElement.classList.add('hidden');\r\n                                \/\/ Si es una regi\u00f3n, actualiza la lista de comunas\r\n                                if (inputElement.id === 'regionInput') {\r\n                                    selectedRegion = item;\r\n                                    communeInput.value = ''; \/\/ Limpiar el campo de comuna al cambiar de regi\u00f3n\r\n                                    showCommuneInput(selectedRegion);\r\n                                }\r\n                            });\r\n                            listElement.appendChild(div);\r\n                        });\r\n                        listElement.classList.remove('hidden');\r\n                    } else {\r\n                        listElement.classList.add('hidden');\r\n                    }\r\n                });\r\n\r\n                \/\/ Ocultar la lista si se hace clic fuera\r\n                document.addEventListener('click', (e) => {\r\n                    if (!inputElement.parentElement.contains(e.target)) {\r\n                        listElement.classList.add('hidden');\r\n                    }\r\n                });\r\n            };\r\n\r\n            \/\/ Inicializar autocompletado para Regiones\r\n            const regionNames = regionsAndCommunes.map(r => r.region);\r\n            handleAutocomplete(regionInput, regionList, regionNames);\r\n\r\n            \/\/ Inicializar autocompletado para Comunas\r\n            communeInput.addEventListener('input', (e) => {\r\n                if (!selectedRegion) {\r\n                    communeInput.value = '';\r\n                    communeInput.placeholder = \"Primero selecciona una Regi\u00f3n\";\r\n                    return;\r\n                }\r\n                const regionData = regionsAndCommunes.find(r => r.region === selectedRegion);\r\n                if (regionData) {\r\n                    handleAutocomplete(communeInput, communeList, regionData.comunas);\r\n                }\r\n            });\r\n\r\n            \/\/ Event listener para el bot\u00f3n \"Contactar ahora\"\r\n            contactButton.addEventListener('click', () => {\r\n                messageFormContainer.classList.toggle('active');\r\n                contactButton.style.display = 'none';\r\n            });\r\n            \r\n            \/\/ Inicializar date picker: mes actual, campo vac\u00edo por defecto\r\n            const today = new Date();\r\n            today.setHours(0, 0, 0, 0);\r\n            eventDateInput.value = '';\r\n\r\n            eventDateInput.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                openDatePicker();\r\n            });\r\n\r\n            prevMonthBtn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                currentDate.setMonth(currentDate.getMonth() - 1);\r\n                renderCalendar();\r\n            });\r\n\r\n            nextMonthBtn.addEventListener('click', (e) => {\r\n                e.stopPropagation();\r\n                currentDate.setMonth(currentDate.getMonth() + 1);\r\n                renderCalendar();\r\n            });\r\n\r\n            document.addEventListener('click', (e) => {\r\n                if (!datePicker.contains(e.target) && e.target !== eventDateInput) {\r\n                    closeDatePicker();\r\n                }\r\n            });\r\n\r\n            const validateDate = (dateStr) => {\r\n                const parts = dateStr.split('\/');\r\n                if (parts.length !== 3) return false;\r\n                const day = parseInt(parts[0], 10);\r\n                const month = parseInt(parts[1], 10) - 1;\r\n                const year = parseInt(parts[2], 10);\r\n                const date = new Date(year, month, day);\r\n                if (isNaN(date.getTime())) return false;\r\n                if (date.getFullYear() !== year || date.getMonth() !== month || date.getDate() !== day) return false;\r\n                if (isPastDate(date)) return false;\r\n                return true;\r\n            };\r\n\r\n\r\n            \/\/ Event listener para el bot\u00f3n \"Enviar mensaje\"\r\n            sendButton.addEventListener('click', () => {\r\n                const name = nameInput.value.trim();\r\n                const email = emailInput.value.trim();\r\n                const eventType = eventTypeSelect.value;\r\n                const eventDate = eventDateInput.value.trim();\r\n                const region = regionInput.value.trim();\r\n                const commune = communeInput.value.trim();\r\n                const width = widthInput.value.trim();\r\n                const length = lengthInput.value.trim();\r\n                const height = heightInput.value.trim();\r\n                const color = colorInput.value.trim();\r\n                const additionalMessage = additionalMessageInput.value.trim();\r\n                \r\n                \/\/ Validar campos obligatorios y la fecha\r\n                let valid = true;\r\n                if (!name) {\r\n                    nameInput.style.borderColor = '#ef4444';\r\n                    valid = false;\r\n                } else {\r\n                    nameInput.style.borderColor = '#d1d5db';\r\n                }\r\n\r\n                \/\/ Validaci\u00f3n sencilla de correo\r\n                const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n                if (!email || !emailRegex.test(email)) {\r\n                    emailInput.style.borderColor = '#ef4444';\r\n                    valid = false;\r\n                } else {\r\n                    emailInput.style.borderColor = '#d1d5db';\r\n                }\r\n\r\n                if (!eventType) {\r\n                    eventTypeSelect.style.borderColor = '#ef4444';\r\n                    valid = false;\r\n                } else {\r\n                    eventTypeSelect.style.borderColor = '#d1d5db';\r\n                }\r\n\r\n                if (!eventDate || !validateDate(eventDate)) {\r\n                    eventDateInput.style.borderColor = '#ef4444';\r\n                    dateError.classList.remove('hidden');\r\n                    valid = false;\r\n                } else {\r\n                    eventDateInput.style.borderColor = '#d1d5db';\r\n                    dateError.classList.add('hidden');\r\n                }\r\n\r\n                if (!valid) {\r\n                    return;\r\n                }\r\n\r\n                \/\/ Construir el mensaje estructurado para WhatsApp\r\n                let messageParts = [\r\n                    \"\u00a1Hola! Les escribo por lo siguiente:\",\r\n                    `*Nombre:* ${name}`,\r\n                    `*Correo:* ${email}`,\r\n                    `*Tipo de Evento:* ${eventType}`\r\n                ];\r\n\r\n                if (region) {\r\n                    messageParts.push(`*Regi\u00f3n:* ${region}`);\r\n                }\r\n                if (commune) {\r\n                    messageParts.push(`*Comuna:* ${commune}`);\r\n                }\r\n                if (width || length || height) {\r\n                    const measures = [\r\n                        width ? `Ancho: ${width}m` : '',\r\n                        length ? `Largo: ${length}m` : '',\r\n                        height ? `Alto: ${height}m` : ''\r\n                    ].filter(Boolean).join(', ');\r\n                    messageParts.push(`*Medidas:* ${measures}`);\r\n                }\r\n                if (color) {\r\n                    messageParts.push(`*Color:* ${color}`);\r\n                }\r\n                \r\n                messageParts.push(`*Fecha del Evento:* ${eventDate}`);\r\n\r\n                if (additionalMessage) {\r\n                    messageParts.push(`*Mensaje adicional:* ${additionalMessage}`);\r\n                }\r\n\r\n                whatsappMessage = messageParts.join('\\n');\r\n                \r\n                \/\/ Mostrar la ventana modal de confirmaci\u00f3n\r\n                confirmationModal.classList.add('active');\r\n            });\r\n\r\n            \/\/ Event listener para el bot\u00f3n de confirmar en la modal\r\n            confirmButton.addEventListener('click', () => {\r\n                \/\/ Ocultar la modal\r\n                confirmationModal.classList.remove('active');\r\n                \r\n                \/\/ Codificar el texto y redirigir\r\n                const encodedMessage = encodeURIComponent(whatsappMessage);\r\n                const whatsappUrl = `https:\/\/api.whatsapp.com\/send?phone=${phoneNumber}&text=${encodedMessage}`;\r\n                \r\n                window.open(whatsappUrl, '_blank');\r\n                \r\n                \/\/ Resetear el formulario despu\u00e9s de enviar\r\n                eventTypeSelect.value = \"\";\r\n                regionInput.value = \"\";\r\n                communeInput.value = \"\";\r\n                budgetInput.value = \"\";\r\n                widthInput.value = \"\";\r\n                lengthInput.value = \"\";\r\n                heightInput.value = \"\";\r\n                colorInput.value = \"\";\r\n                eventDateInput.value = \"\";\r\n                additionalMessageInput.value = \"\";\r\n                messageFormContainer.classList.remove('active');\r\n                contactButton.style.display = 'block';\r\n            });\r\n\r\n            \/\/ Event listener para el bot\u00f3n de cancelar en la modal\r\n            cancelButton.addEventListener('click', () => {\r\n                confirmationModal.classList.remove('active');\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u00c1reas de atenci\u00f3n directa Regi\u00f3n Metropolitana, Santiago de Chile Regi\u00f3n de Valpara\u00edso, Vi\u00f1a del Mar Region de la Araucan\u00eda, Villarica Region de la Araucan\u00eda, Puc\u00f3n ESCR\u00cdBEME UN EMAIL manuelrozas.cl@gmail.com WhatsApp Widget Cont\u00e1ctanos Completa el formulario y te responderemos por WhatsApp. Contactar ahora Nombre: Correo electr\u00f3nico: Regi\u00f3n: Comuna: Medidas del lugar (Opcional): Color (Opcional): Fecha del [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-640","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.6.1 (Yoast SEO v27.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Contacto | Carpas Manuel Rozas - Solicita tu Cotizaci\u00f3n<\/title>\n<meta name=\"description\" content=\"Carpas Manuel Rozas | Encuentra el mejor servicio de carpas en Chile. Contacto Carpas Manuel Rozas Chile: solicita tu cotizaci\u00f3n ahora.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/manuelrozas.cl\/es\/contacto\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contacto\" \/>\n<meta property=\"og:description\" content=\"Carpas Manuel Rozas | Encuentra el mejor servicio de carpas en Chile. Contacto Carpas Manuel Rozas Chile: solicita tu cotizaci\u00f3n ahora.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/manuelrozas.cl\/es\/contacto\/\" \/>\n<meta property=\"og:site_name\" content=\"Carpas Manuel Rozas\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Carpas-manuel-rozas\/100063672422157\/?_rdc=2&amp;_rdr#\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-26T13:52:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\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:\\\/\\\/manuelrozas.cl\\\/es\\\/contacto\\\/\",\"url\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/contacto\\\/\",\"name\":\"Contacto | Carpas Manuel Rozas - Solicita tu Cotizaci\u00f3n\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/#website\"},\"datePublished\":\"2023-06-20T16:52:30+00:00\",\"dateModified\":\"2025-11-26T13:52:11+00:00\",\"description\":\"Carpas Manuel Rozas | Encuentra el mejor servicio de carpas en Chile. Contacto Carpas Manuel Rozas Chile: solicita tu cotizaci\u00f3n ahora.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/contacto\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/contacto\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/contacto\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contacto\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/\",\"name\":\"Carpas Manuel Rozas\",\"description\":\"Novios y Empresas\",\"publisher\":{\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/#organization\",\"name\":\"Carpas Manuel Rozas\",\"url\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/manuelrozas.cl\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Group.png\",\"contentUrl\":\"https:\\\/\\\/manuelrozas.cl\\\/wp-content\\\/uploads\\\/2023\\\/06\\\/Group.png\",\"width\":577,\"height\":279,\"caption\":\"Carpas Manuel Rozas\"},\"image\":{\"@id\":\"https:\\\/\\\/manuelrozas.cl\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/Carpas-manuel-rozas\\\/100063672422157\\\/?_rdc=2&_rdr#\",\"https:\\\/\\\/www.instagram.com\\\/manuelrozas.cl\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Contacto | Carpas Manuel Rozas - Solicita tu Cotizaci\u00f3n","description":"Carpas Manuel Rozas | Encuentra el mejor servicio de carpas en Chile. Contacto Carpas Manuel Rozas Chile: solicita tu cotizaci\u00f3n ahora.","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:\/\/manuelrozas.cl\/es\/contacto\/","og_locale":"es_ES","og_type":"article","og_title":"Contacto","og_description":"Carpas Manuel Rozas | Encuentra el mejor servicio de carpas en Chile. Contacto Carpas Manuel Rozas Chile: solicita tu cotizaci\u00f3n ahora.","og_url":"https:\/\/manuelrozas.cl\/es\/contacto\/","og_site_name":"Carpas Manuel Rozas","article_publisher":"https:\/\/www.facebook.com\/people\/Carpas-manuel-rozas\/100063672422157\/?_rdc=2&_rdr#","article_modified_time":"2025-11-26T13:52:11+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/manuelrozas.cl\/es\/contacto\/","url":"https:\/\/manuelrozas.cl\/es\/contacto\/","name":"Contacto | Carpas Manuel Rozas - Solicita tu Cotizaci\u00f3n","isPartOf":{"@id":"https:\/\/manuelrozas.cl\/es\/#website"},"datePublished":"2023-06-20T16:52:30+00:00","dateModified":"2025-11-26T13:52:11+00:00","description":"Carpas Manuel Rozas | Encuentra el mejor servicio de carpas en Chile. Contacto Carpas Manuel Rozas Chile: solicita tu cotizaci\u00f3n ahora.","breadcrumb":{"@id":"https:\/\/manuelrozas.cl\/es\/contacto\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/manuelrozas.cl\/es\/contacto\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/manuelrozas.cl\/es\/contacto\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/manuelrozas.cl\/es\/"},{"@type":"ListItem","position":2,"name":"Contacto"}]},{"@type":"WebSite","@id":"https:\/\/manuelrozas.cl\/es\/#website","url":"https:\/\/manuelrozas.cl\/es\/","name":"Carpas Manuel Rozas","description":"Novios y Empresas","publisher":{"@id":"https:\/\/manuelrozas.cl\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/manuelrozas.cl\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/manuelrozas.cl\/es\/#organization","name":"Carpas Manuel Rozas","url":"https:\/\/manuelrozas.cl\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/manuelrozas.cl\/es\/#\/schema\/logo\/image\/","url":"https:\/\/manuelrozas.cl\/wp-content\/uploads\/2023\/06\/Group.png","contentUrl":"https:\/\/manuelrozas.cl\/wp-content\/uploads\/2023\/06\/Group.png","width":577,"height":279,"caption":"Carpas Manuel Rozas"},"image":{"@id":"https:\/\/manuelrozas.cl\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Carpas-manuel-rozas\/100063672422157\/?_rdc=2&_rdr#","https:\/\/www.instagram.com\/manuelrozas.cl\/"]}]}},"_links":{"self":[{"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/pages\/640","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/comments?post=640"}],"version-history":[{"count":70,"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/pages\/640\/revisions"}],"predecessor-version":[{"id":1372,"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/pages\/640\/revisions\/1372"}],"wp:attachment":[{"href":"https:\/\/manuelrozas.cl\/es\/wp-json\/wp\/v2\/media?parent=640"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}