Contacto \u2014 Sitios Eventos y Turismo<\/title>\n<style>\n :root {\n --vino: #8B1A1A;\n --vino-dark: #6B1414;\n --vino-light: #b52424;\n --vino-bg: #fdf6f6;\n --vino-bg2: #f5e8e8;\n --gris: #f7f7f7;\n --gris2: #e8e8e8;\n --texto: #1a1a1a;\n --texto2: #555555;\n --texto3: #888888;\n --verde: #2e7d32;\n --verde-bg: #e8f5e9;\n --azul: #1565C0;\n --azul-bg: #E3F2FD;\n --radio: 12px;\n --sombra: 0 4px 24px rgba(0,0,0,0.08);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Segoe UI', system-ui, sans-serif;\n background: #ede9e4;\n color: var(--texto);\n padding: 24px 16px 60px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 780px;\n margin: 0 auto;\n background: #fff;\n border-radius: var(--radio);\n box-shadow: var(--sombra);\n overflow: hidden;\n }\n\n \/* HEADER *\/\n .header {\n background: var(--vino);\n padding: 32px 36px;\n position: relative;\n overflow: hidden;\n }\n .header::after {\n content: '\u2708';\n position: absolute;\n right: 32px; top: 50%;\n transform: translateY(-50%) rotate(15deg);\n font-size: 80px;\n opacity: 0.08;\n }\n .header-logo {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n margin-bottom: 8px;\n }\n .header h1 {\n color: #fff;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 6px;\n }\n .header p {\n color: rgba(255,255,255,0.7);\n font-size: 14px;\n }\n\n \/* BODY *\/\n .body { padding: 32px 36px; }\n\n \/* TIPO DE CONSULTA *\/\n .tipo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n gap: 10px;\n margin-bottom: 28px;\n }\n .tipo-btn {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 16px 12px;\n border: 2px solid var(--gris2);\n border-radius: 10px;\n cursor: pointer;\n background: #fff;\n transition: all 0.2s;\n font-size: 13px;\n font-weight: 600;\n color: var(--texto2);\n text-align: center;\n }\n .tipo-btn .icon { font-size: 26px; }\n .tipo-btn:hover { border-color: var(--vino); background: var(--vino-bg); color: var(--vino); }\n .tipo-btn.active { border-color: var(--vino); background: var(--vino-bg); color: var(--vino); box-shadow: 0 0 0 3px rgba(139,26,26,0.12); }\n\n \/* SECCIONES *\/\n .section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--vino);\n margin-bottom: 16px;\n padding-bottom: 8px;\n border-bottom: 2px solid var(--vino-bg2);\n }\n\n .form-group { margin-bottom: 16px; }\n .form-group label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--texto);\n margin-bottom: 6px;\n }\n .form-group label .req { color: var(--vino); margin-left: 2px; }\n .form-group input, .form-group select, .form-group textarea {\n width: 100%;\n padding: 10px 14px;\n border: 1.5px solid var(--gris2);\n border-radius: 8px;\n font-size: 14px;\n font-family: inherit;\n color: var(--texto);\n background: #fff;\n transition: border-color 0.2s, box-shadow 0.2s;\n outline: none;\n appearance: none;\n }\n .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n border-color: var(--vino);\n box-shadow: 0 0 0 3px rgba(139,26,26,0.10);\n }\n .form-group textarea { resize: vertical; min-height: 100px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n .form-row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }\n\n .error-msg { color: #c62828; font-size: 12px; margin-top: 4px; display: none; }\n\n \/* BLOQUE CONDICIONAL *\/\n .bloque {\n display: none;\n background: var(--gris);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n border-left: 3px solid var(--vino);\n }\n .bloque.visible { display: block; }\n .bloque .section-title { margin-top: 0; }\n\n \/* TOGGLE SWITCH *\/\n .toggle-group {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 0;\n }\n .toggle-label { font-size: 13.5px; font-weight: 600; color: var(--texto); }\n .toggle {\n position: relative;\n width: 44px; height: 24px;\n flex-shrink: 0;\n }\n .toggle input { opacity: 0; width: 0; height: 0; }\n .toggle-slider {\n position: absolute;\n inset: 0;\n background: var(--gris2);\n border-radius: 24px;\n cursor: pointer;\n transition: background 0.2s;\n }\n .toggle-slider::before {\n content: '';\n position: absolute;\n width: 18px; height: 18px;\n left: 3px; top: 3px;\n background: #fff;\n border-radius: 50%;\n transition: transform 0.2s;\n box-shadow: 0 1px 4px rgba(0,0,0,0.2);\n }\n .toggle input:checked + .toggle-slider { background: var(--vino); }\n .toggle input:checked + .toggle-slider::before { transform: translateX(20px); }\n\n \/* CANAL RESPUESTA *\/\n .canal-section {\n background: var(--azul-bg);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 24px;\n border-left: 3px solid var(--azul);\n }\n .canal-title {\n font-size: 13px;\n font-weight: 700;\n color: var(--azul);\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .canal-opciones {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n .canal-opt {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n border: 2px solid #90CAF9;\n border-radius: 8px;\n cursor: pointer;\n background: #fff;\n font-size: 14px;\n font-weight: 600;\n color: var(--azul);\n transition: all 0.2s;\n flex: 1;\n min-width: 130px;\n justify-content: center;\n }\n .canal-opt:hover { background: var(--azul-bg); border-color: var(--azul); }\n .canal-opt.selected { background: var(--azul); color: #fff; border-color: var(--azul); }\n .canal-opt .canal-icon { font-size: 20px; }\n\n \/* BOT\u00d3N *\/\n .btn-submit {\n width: 100%;\n padding: 16px;\n background: var(--vino);\n color: #fff;\n font-size: 16px;\n font-weight: 700;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n transition: background 0.2s, transform 0.1s;\n font-family: inherit;\n }\n .btn-submit:hover { background: var(--vino-light); }\n .btn-submit:active { transform: scale(0.99); }\n .btn-submit:disabled { background: #bbb; cursor: not-allowed; }\n\n \/* CONFIRMACI\u00d3N *\/\n .confirmacion {\n display: none;\n padding: 40px 36px;\n text-align: center;\n }\n .conf-icon { font-size: 56px; margin-bottom: 16px; }\n .conf-titulo { font-size: 22px; font-weight: 700; color: var(--verde); margin-bottom: 10px; }\n .conf-texto { font-size: 15px; color: var(--texto2); line-height: 1.6; margin-bottom: 20px; }\n .btn-nueva {\n display: inline-block;\n margin-top: 8px;\n background: var(--vino);\n color: #fff;\n border: none;\n padding: 12px 28px;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n font-family: inherit;\n transition: background 0.2s;\n }\n .btn-nueva:hover { background: var(--vino-light); }\n\n \/* FOOTER *\/\n .form-footer {\n text-align: center;\n font-size: 12px;\n color: var(--texto3);\n margin-top: 20px;\n padding-top: 16px;\n border-top: 1px solid var(--gris2);\n }\n .form-footer a { color: var(--vino); text-decoration: none; }\n\n .divider { height: 1px; background: var(--gris2); margin: 24px 0; }\n\n @media (max-width: 560px) {\n .body { padding: 20px; }\n .header { padding: 24px 20px; }\n .form-row, .form-row-3 { grid-template-columns: 1fr; }\n .tipo-grid { grid-template-columns: repeat(3, 1fr); }\n .canal-opciones { flex-direction: column; }\n .confirmacion { padding: 32px 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"header-logo\">Sitios Eventos y Turismo<\/div>\n <h1>\u00bfEn qu\u00e9 podemos ayudarte?<\/h1>\n <p>Cu\u00e9ntanos lo que necesitas y te contactamos de inmediato.<\/p>\n <\/div>\n\n <div id=\"formArea\">\n <div class=\"body\">\n <form id=\"contactForm\" novalidate>\n\n \n <div class=\"section-title\">Selecciona el tipo de consulta<\/div>\n <div class=\"tipo-grid\">\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"tiquete\" onclick=\"seleccionarTipo('tiquete',this)\">\n <span class=\"icon\">\u2708\ufe0f<\/span>Tiquete a\u00e9reo\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"hotel\" onclick=\"seleccionarTipo('hotel',this)\">\n <span class=\"icon\">\ud83c\udfe8<\/span>Hotel\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"tiquete_hotel\" onclick=\"seleccionarTipo('tiquete_hotel',this)\">\n <span class=\"icon\">\u2708\ufe0f\ud83c\udfe8<\/span>Tiquete + Hotel\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"paquete\" onclick=\"seleccionarTipo('paquete',this)\">\n <span class=\"icon\">\ud83c\udf0e<\/span>Paquete tur\u00edstico\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"otro\" onclick=\"seleccionarTipo('otro',this)\">\n <span class=\"icon\">\ud83d\udcbc<\/span>Otro servicio\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"pqrs\" onclick=\"seleccionarTipo('pqrs',this)\">\n <span class=\"icon\">\ud83d\udcac<\/span>PQR \/ Ayuda\n <\/button>\n <\/div>\n <div class=\"error-msg\" id=\"err-tipo\" style=\"display:none; margin-bottom:12px;\">Por favor selecciona el tipo de consulta.<\/div>\n\n \n <div class=\"section-title\">Tus datos de contacto<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Nombre completo <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nombre\" placeholder=\"Ej: Mar\u00eda P\u00e9rez\" required>\n <div class=\"error-msg\" id=\"err-nombre\">Ingresa tu nombre.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Tel\u00e9fono \/ WhatsApp <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"telefono\" placeholder=\"Ej: 3001234567\" required>\n <div class=\"error-msg\" id=\"err-telefono\">Ingresa tu tel\u00e9fono.<\/div>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Correo electr\u00f3nico<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"correo@ejemplo.com\">\n <div class=\"error-msg\" id=\"err-email\">Ingresa un correo v\u00e1lido.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Ciudad<\/label>\n <input type=\"text\" id=\"ciudad\" placeholder=\"Ej: Monter\u00eda\">\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-tiquete\">\n <div class=\"section-title\">Detalle del tiquete<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ciudad origen <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"t-origen\" placeholder=\"Ej: Monter\u00eda (MTR)\">\n <\/div>\n <div class=\"form-group\">\n <label>Ciudad destino <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"t-destino\" placeholder=\"Ej: Bogot\u00e1 (BOG)\">\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Fecha de ida <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" id=\"t-fecha-ida\">\n <\/div>\n <div class=\"form-group\">\n <label>Fecha de regreso<\/label>\n <input type=\"date\" id=\"t-fecha-regreso\">\n <small style=\"color:var(--texto3);font-size:11px;\">Dejar vac\u00edo si es solo ida<\/small>\n <\/div>\n <\/div>\n <div class=\"form-row-3\">\n <div class=\"form-group\">\n <label>Adultos<\/label>\n <select id=\"t-adultos\">\n <option value=\"1\">1<\/option><option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option><option value=\"4\">4<\/option>\n <option value=\"5\">5+<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Ni\u00f1os (2-11 a\u00f1os)<\/label>\n <select id=\"t-ninos\">\n <option value=\"0\">0<\/option><option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option><option value=\"3\">3<\/option>\n <option value=\"4\">4+<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Infantes (<2 a\u00f1os)<\/label>\n <select id=\"t-infantes\">\n <option value=\"0\">0<\/option><option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Equipaje<\/label>\n <select id=\"t-equipaje\">\n <option value=\"solo_morral\">Solo morral \/ equipaje de mano<\/option>\n <option value=\"maleta_23\">Maleta 23 kg<\/option>\n <option value=\"maleta_32\">Maleta 32 kg<\/option>\n <option value=\"no_se\">No s\u00e9 \/ me da igual<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Flexibilidad de fechas<\/label>\n <select id=\"t-flexibilidad\">\n <option value=\"exacta\">Fechas exactas<\/option>\n <option value=\"mas_menos_2\">\u00b1 2 d\u00edas<\/option>\n <option value=\"mas_menos_5\">\u00b1 5 d\u00edas<\/option>\n <option value=\"flexible\">Soy flexible<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-hotel\">\n <div class=\"section-title\">Detalle del hotel<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ciudad \/ destino <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"h-destino\" placeholder=\"Ej: Cartagena\">\n <\/div>\n <div class=\"form-group\">\n <label>N\u00famero de noches <span class=\"req\">*<\/span><\/label>\n <select id=\"h-noches\">\n <option value=\"\">Selecciona…<\/option>\n <option value=\"1\">1 noche<\/option><option value=\"2\">2 noches<\/option>\n <option value=\"3\">3 noches<\/option><option value=\"4\">4 noches<\/option>\n <option value=\"5\">5 noches<\/option><option value=\"6\">6 noches<\/option>\n <option value=\"7\">7 noches<\/option><option value=\"8+\">8 o m\u00e1s<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Fecha de llegada<\/label>\n <input type=\"date\" id=\"h-llegada\">\n <\/div>\n <div class=\"form-group\">\n <label>Tipo de acomodaci\u00f3n<\/label>\n <select id=\"h-acomodacion\">\n <option value=\"\">Selecciona…<\/option>\n <option value=\"sencilla\">Habitaci\u00f3n sencilla<\/option>\n <option value=\"doble\">Habitaci\u00f3n doble<\/option>\n <option value=\"triple\">Habitaci\u00f3n triple<\/option>\n <option value=\"cuadruple\">Cu\u00e1druple \/ familiar<\/option>\n <option value=\"suite\">Suite<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Adultos<\/label>\n <select id=\"h-adultos\">\n <option value=\"1\">1<\/option><option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5+\">5+<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Ni\u00f1os<\/label>\n <select id=\"h-ninos\">\n <option value=\"0\">0<\/option><option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4+\">4+<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-paquete\">\n <div class=\"section-title\">Detalle del paquete tur\u00edstico<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Destino del paquete <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"p-destino\" placeholder=\"Ej: San Andr\u00e9s, Canc\u00fan, Medell\u00edn...\">\n <\/div>\n <div class=\"form-group\">\n <label>N\u00famero de viajeros<\/label>\n <select id=\"p-viajeros\">\n <option value=\"1\">1<\/option><option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option><option value=\"4\">4<\/option>\n <option value=\"5\">5<\/option><option value=\"6+\">6+<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Fecha de viaje (aproximada)<\/label>\n <input type=\"date\" id=\"p-fecha\">\n <\/div>\n <div class=\"form-group\">\n <label>Duraci\u00f3n aproximada<\/label>\n <select id=\"p-duracion\">\n <option value=\"\">Selecciona…<\/option>\n <option value=\"3-4\">3 a 4 d\u00edas<\/option>\n <option value=\"5-7\">5 a 7 d\u00edas<\/option>\n <option value=\"8-10\">8 a 10 d\u00edas<\/option>\n <option value=\"mas_10\">M\u00e1s de 10 d\u00edas<\/option>\n <option value=\"no_se\">No s\u00e9 a\u00fan<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-otro\">\n <div class=\"section-title\">Descripci\u00f3n del servicio<\/div>\n <div class=\"form-group\">\n <label>\u00bfQu\u00e9 necesitas? <span class=\"req\">*<\/span><\/label>\n <textarea id=\"otro-descripcion\" placeholder=\"Cu\u00e9ntanos qu\u00e9 servicio necesitas: crucero, asistencia de viaje, visa, traslado, evento corporativo, etc.\" rows=\"4\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-pqrs\">\n <div class=\"section-title\">Petici\u00f3n, Queja o Reclamo<\/div>\n <div class=\"form-group\">\n <label>Tipo de solicitud<\/label>\n <select id=\"pqrs-tipo\">\n <option value=\"peticion\">Petici\u00f3n \/ Solicitud<\/option>\n <option value=\"queja\">Queja<\/option>\n <option value=\"reclamo\">Reclamo<\/option>\n <option value=\"sugerencia\">Sugerencia<\/option>\n <option value=\"felicitacion\">Felicitaci\u00f3n<\/option>\n <option value=\"ayuda\">Ayuda \/ Soporte<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>N\u00famero de reserva o tiquete (si aplica)<\/label>\n <input type=\"text\" id=\"pqrs-reserva\" placeholder=\"Ej: ABC123 o 0123456789\">\n <\/div>\n <div class=\"form-group\">\n <label>Descripci\u00f3n <span class=\"req\">*<\/span><\/label>\n <textarea id=\"pqrs-descripcion\" placeholder=\"Describe tu situaci\u00f3n con el mayor detalle posible...\" rows=\"4\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"canal-section\">\n <div class=\"canal-title\">\u00bfC\u00f3mo prefieres que te contactemos?<\/div>\n <div class=\"canal-opciones\">\n <div class=\"canal-opt\" id=\"canal-whatsapp\" onclick=\"seleccionarCanal('whatsapp')\">\n <span class=\"canal-icon\">\ud83d\udcf1<\/span> WhatsApp\n <\/div>\n <div class=\"canal-opt\" id=\"canal-correo\" onclick=\"seleccionarCanal('correo')\">\n <span class=\"canal-icon\">\ud83d\udce7<\/span> Correo electr\u00f3nico\n <\/div>\n <div class=\"canal-opt\" id=\"canal-ambos\" onclick=\"seleccionarCanal('ambos')\">\n <span class=\"canal-icon\">\ud83d\udcac<\/span> Ambos\n <\/div>\n <\/div>\n <div class=\"error-msg\" id=\"err-canal\" style=\"display:none; margin-top:8px;\">Selecciona c\u00f3mo prefieres que te contactemos.<\/div>\n <\/div>\n\n \n <button type=\"submit\" class=\"btn-submit\" id=\"btnSubmit\">Enviar consulta \u2192<\/button>\n\n <div class=\"form-footer\">\n Al enviar aceptas nuestra\n <a href=\"https:\/\/www.sitioscorp.com.co\/politica-privacidad\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Privacidad<\/a>.\n Respondemos en menos de 2 horas en horario h\u00e1bil.\n <\/div>\n\n <\/form>\n <\/div>\n <\/div>\n\n \n <div class=\"confirmacion\" id=\"confirmacion\">\n <div class=\"conf-icon\" id=\"conf-icon\">\u2705<\/div>\n <div class=\"conf-titulo\" id=\"conf-titulo\">\u00a1Consulta enviada con \u00e9xito!<\/div>\n <div class=\"conf-texto\" id=\"conf-texto\">\n Hemos recibido tu consulta. Te contactaremos en menos de 2 horas en horario h\u00e1bil.<br>\n <strong>Sitios Eventos y Turismo \u2014 +57 332 841 715<\/strong>\n <\/div>\n <button class=\"btn-nueva\" onclick=\"nuevaConsulta()\">+ Nueva consulta<\/button>\n <\/div>\n\n<\/div>\n\n<script>\n\/\/ \u2500\u2500\u2500 CONFIGURACI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst GOOGLE_SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwJWoRCChNTvyPpCtJvVANXgGt0lXz3rSVc-WmkF3pfNFLKNkKdsyX0vw2BKj-D5Ss3\/exec'; \/\/ Reemplazar con URL del Apps Script\nconst WA_NUMBER = '573332841715'; \/\/ N\u00famero de WhatsApp de Sitios sin + ni espacios\nconst EMAIL_VENTAS = 'ventas@sitiostravel.co';\nconst EMAIL_PQR = 'info@sitiostravel.co';\n\nfunction getEmailDestino() {\n return (tipoSeleccionado === 'pqrs') ? EMAIL_PQR : EMAIL_VENTAS;\n}\n\n\/\/ \u2500\u2500\u2500 ESTADO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet tipoSeleccionado = '';\nlet canalSeleccionado = '';\n\n\/\/ \u2500\u2500\u2500 FECHA M\u00cdNIMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.addEventListener('DOMContentLoaded', () => {\n const hoy = new Date().toISOString().split('T')[0];\n document.querySelectorAll('input[type=\"date\"]').forEach(el => el.min = hoy);\n});\n\n\/\/ \u2500\u2500\u2500 SELECCI\u00d3N DE TIPO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction seleccionarTipo(tipo, btn) {\n tipoSeleccionado = tipo;\n document.querySelectorAll('.tipo-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n document.getElementById('err-tipo').style.display = 'none';\n\n \/\/ Ocultar todos los bloques\n document.querySelectorAll('.bloque').forEach(b => b.classList.remove('visible'));\n\n \/\/ Mostrar los que correspondan\n if (tipo === 'tiquete') {\n document.getElementById('bloque-tiquete').classList.add('visible');\n } else if (tipo === 'hotel') {\n document.getElementById('bloque-hotel').classList.add('visible');\n } else if (tipo === 'tiquete_hotel') {\n document.getElementById('bloque-tiquete').classList.add('visible');\n document.getElementById('bloque-hotel').classList.add('visible');\n } else if (tipo === 'paquete') {\n document.getElementById('bloque-paquete').classList.add('visible');\n } else if (tipo === 'otro') {\n document.getElementById('bloque-otro').classList.add('visible');\n } else if (tipo === 'pqrs') {\n document.getElementById('bloque-pqrs').classList.add('visible');\n }\n}\n\n\/\/ \u2500\u2500\u2500 SELECCI\u00d3N DE CANAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction seleccionarCanal(canal) {\n canalSeleccionado = canal;\n document.querySelectorAll('.canal-opt').forEach(c => c.classList.remove('selected'));\n document.getElementById('canal-' + canal).classList.add('selected');\n document.getElementById('err-canal').style.display = 'none';\n}\n\n\/\/ \u2500\u2500\u2500 CONSTRUIR MENSAJE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction construirMensaje() {\n const nombre = document.getElementById('nombre').value.trim();\n const telefono = document.getElementById('telefono').value.trim();\n const email = document.getElementById('email').value.trim();\n const ciudad = document.getElementById('ciudad').value.trim();\n\n const tiposLabel = {\n tiquete: 'Tiquete a\u00e9reo',\n hotel: 'Hotel',\n tiquete_hotel: 'Tiquete + Hotel',\n paquete: 'Paquete tur\u00edstico',\n otro: 'Otro servicio',\n pqrs: 'PQR \/ Ayuda'\n };\n\n let msg = `*Nueva consulta \u2014 Sitios Eventos y Turismo*\\n\\n`;\n msg += `*Tipo:* ${tiposLabel[tipoSeleccionado]}\\n`;\n msg += `*Nombre:* ${nombre}\\n`;\n msg += `*Tel\u00e9fono:* ${telefono}\\n`;\n if (email) msg += `*Correo:* ${email}\\n`;\n if (ciudad) msg += `*Ciudad:* ${ciudad}\\n`;\n msg += `\\n`;\n\n if (tipoSeleccionado === 'tiquete' || tipoSeleccionado === 'tiquete_hotel') {\n msg += `*\u2708\ufe0f TIQUETE*\\n`;\n msg += `Ruta: ${document.getElementById('t-origen').value} \u2192 ${document.getElementById('t-destino').value}\\n`;\n msg += `Ida: ${document.getElementById('t-fecha-ida').value}\\n`;\n const regreso = document.getElementById('t-fecha-regreso').value;\n msg += regreso ? `Regreso: ${regreso}\\n` : `Solo ida\\n`;\n msg += `Pasajeros: ${document.getElementById('t-adultos').value} adulto(s), ${document.getElementById('t-ninos').value} ni\u00f1o(s), ${document.getElementById('t-infantes').value} infante(s)\\n`;\n msg += `Equipaje: ${document.getElementById('t-equipaje').options[document.getElementById('t-equipaje').selectedIndex].text}\\n\\n`;\n }\n\n if (tipoSeleccionado === 'hotel' || tipoSeleccionado === 'tiquete_hotel') {\n msg += `*\ud83c\udfe8 HOTEL*\\n`;\n msg += `Destino: ${document.getElementById('h-destino').value}\\n`;\n const llegada = document.getElementById('h-llegada').value;\n if (llegada) msg += `Llegada: ${llegada}\\n`;\n const noches = document.getElementById('h-noches').value;\n if (noches) msg += `Noches: ${noches}\\n`;\n const acomo = document.getElementById('h-acomodacion').value;\n if (acomo) msg += `Acomodaci\u00f3n: ${document.getElementById('h-acomodacion').options[document.getElementById('h-acomodacion').selectedIndex].text}\\n`;\n msg += `Hu\u00e9spedes: ${document.getElementById('h-adultos').value} adulto(s), ${document.getElementById('h-ninos').value} ni\u00f1o(s)\\n\\n`;\n }\n\n if (tipoSeleccionado === 'paquete') {\n msg += `*\ud83c\udf0e PAQUETE*\\n`;\n msg += `Destino: ${document.getElementById('p-destino').value}\\n`;\n msg += `Viajeros: ${document.getElementById('p-viajeros').value}\\n`;\n const fecha = document.getElementById('p-fecha').value;\n if (fecha) msg += `Fecha aprox: ${fecha}\\n`;\n const dur = document.getElementById('p-duracion').value;\n if (dur) msg += `Duraci\u00f3n: ${document.getElementById('p-duracion').options[document.getElementById('p-duracion').selectedIndex].text}\\n\\n`;\n }\n\n if (tipoSeleccionado === 'otro') {\n msg += `*\ud83d\udcbc SERVICIO*\\n${document.getElementById('otro-descripcion').value}\\n\\n`;\n }\n\n if (tipoSeleccionado === 'pqrs') {\n const pqrsTipo = document.getElementById('pqrs-tipo');\n msg += `*\ud83d\udcac ${pqrsTipo.options[pqrsTipo.selectedIndex].text.toUpperCase()}*\\n`;\n const reserva = document.getElementById('pqrs-reserva').value;\n if (reserva) msg += `Reserva\/Tiquete: ${reserva}\\n`;\n msg += `${document.getElementById('pqrs-descripcion').value}\\n\\n`;\n }\n\n msg += `Canal preferido: ${canalSeleccionado === 'whatsapp' ? 'WhatsApp' : canalSeleccionado === 'correo' ? 'Correo electr\u00f3nico' : 'WhatsApp y Correo'}`;\n return msg;\n}\n\n\/\/ \u2500\u2500\u2500 CONSTRUIR ASUNTO EMAIL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction construirAsunto() {\n const nombre = document.getElementById('nombre').value.trim();\n const tipos = { tiquete: 'Tiquete', hotel: 'Hotel', tiquete_hotel: 'Tiquete+Hotel', paquete: 'Paquete', otro: 'Consulta', pqrs: 'PQR' };\n return `Nueva consulta ${tipos[tipoSeleccionado]} \u2014 ${nombre} \u2014 Sitios`;\n}\n\n\/\/ \u2500\u2500\u2500 VALIDACI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction validar() {\n let ok = true;\n\n if (!tipoSeleccionado) {\n document.getElementById('err-tipo').style.display = 'block';\n ok = false;\n }\n\n ['nombre', 'telefono'].forEach(id => {\n const el = document.getElementById(id);\n const err = document.getElementById('err-' + id);\n if (!el.value.trim()) {\n err.style.display = 'block';\n el.style.borderColor = '#c62828';\n ok = false;\n } else {\n err.style.display = 'none';\n el.style.borderColor = '';\n }\n });\n\n const emailEl = document.getElementById('email');\n if (emailEl.value && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailEl.value)) {\n document.getElementById('err-email').style.display = 'block';\n emailEl.style.borderColor = '#c62828';\n ok = false;\n }\n\n if (!canalSeleccionado) {\n document.getElementById('err-canal').style.display = 'block';\n ok = false;\n }\n\n \/\/ Validaciones espec\u00edficas por tipo\n if (tipoSeleccionado === 'tiquete' || tipoSeleccionado === 'tiquete_hotel') {\n if (!document.getElementById('t-origen').value || !document.getElementById('t-destino').value) ok = false;\n }\n if (tipoSeleccionado === 'paquete' && !document.getElementById('p-destino').value) ok = false;\n if (tipoSeleccionado === 'otro' && !document.getElementById('otro-descripcion').value.trim()) ok = false;\n if (tipoSeleccionado === 'pqrs' && !document.getElementById('pqrs-descripcion').value.trim()) ok = false;\n\n return ok;\n}\n\n\/\/ \u2500\u2500\u2500 ENV\u00cdO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n if (!validar()) return;\n\n const mensaje = construirMensaje();\n const asunto = construirAsunto();\n const nombre = document.getElementById('nombre').value.trim();\n\n if (canalSeleccionado === 'whatsapp' || canalSeleccionado === 'ambos') {\n const waUrl = `https:\/\/wa.me\/${WA_NUMBER}?text=${encodeURIComponent(mensaje)}`;\n window.open(waUrl, '_blank');\n }\n\n if (canalSeleccionado === 'correo' || canalSeleccionado === 'ambos') {\n const mailUrl = `mailto:${getEmailDestino()}?subject=${encodeURIComponent(asunto)}&body=${encodeURIComponent(mensaje)}`;\n window.location.href = mailUrl;\n }\n\n \/\/ Enviar al Google Sheet\n enviarASheet(mensaje, asunto);\n\n \/\/ Mostrar confirmaci\u00f3n\n document.getElementById('formArea').style.display = 'none';\n const conf = document.getElementById('confirmacion');\n conf.style.display = 'block';\n\n if (canalSeleccionado === 'whatsapp') {\n document.getElementById('conf-icon').textContent = '\ud83d\udcf1';\n document.getElementById('conf-titulo').textContent = '\u00a1Consulta enviada por WhatsApp!';\n document.getElementById('conf-texto').innerHTML = `Tu mensaje fue enviado a nuestro WhatsApp. Un asesor te responder\u00e1 en menos de 2 horas.<br><strong>+57 332 841 715<\/strong>`;\n } else if (canalSeleccionado === 'correo') {\n document.getElementById('conf-icon').textContent = '\ud83d\udce7';\n document.getElementById('conf-titulo').textContent = '\u00a1Consulta enviada por correo!';\n document.getElementById('conf-texto').innerHTML = `Tu consulta fue enviada a nuestro correo. Te responderemos en menos de 2 horas en horario h\u00e1bil.<br><strong>${getEmailDestino()}<\/strong>`;\n } else {\n document.getElementById('conf-icon').textContent = '\u2705';\n document.getElementById('conf-titulo').textContent = '\u00a1Consulta enviada!';\n document.getElementById('conf-texto').innerHTML = `Tu consulta fue enviada por WhatsApp y correo electr\u00f3nico. Te contactaremos en menos de 2 horas.<br><strong>Sitios Eventos y Turismo<\/strong>`;\n }\n});\n\n\/\/ \u2500\u2500\u2500 ENV\u00cdO A GOOGLE SHEET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nasync function enviarASheet(mensaje, asunto) {\n if (!GOOGLE_SCRIPT_URL || GOOGLE_SCRIPT_URL === 'TU_SCRIPT_URL_AQUI') return;\n try {\n const datos = {\n fecha_hora: new Date().toLocaleString('es-CO', { timeZone: 'America\/Bogota' }),\n tipo_consulta: tipoSeleccionado,\n nombre: document.getElementById('nombre').value.trim(),\n telefono: document.getElementById('telefono').value.trim(),\n email: document.getElementById('email').value.trim() || '',\n ciudad: document.getElementById('ciudad').value.trim() || '',\n canal_respuesta: canalSeleccionado,\n email_destino: getEmailDestino(),\n detalle: mensaje\n };\n await fetch(GOOGLE_SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(datos)\n });\n } catch(e) { console.log('Sheet error:', e); }\n}\n\n\/\/ \u2500\u2500\u2500 NUEVA CONSULTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction nuevaConsulta() {\n document.getElementById('confirmacion').style.display = 'none';\n document.getElementById('formArea').style.display = 'block';\n document.getElementById('contactForm').reset();\n tipoSeleccionado = '';\n canalSeleccionado = '';\n document.querySelectorAll('.tipo-btn').forEach(b => b.classList.remove('active'));\n document.querySelectorAll('.canal-opt').forEach(c => c.classList.remove('selected'));\n document.querySelectorAll('.bloque').forEach(b => b.classList.remove('visible'));\n document.querySelectorAll('.error-msg').forEach(e => e.style.display = 'none');\n document.querySelectorAll('input, select, textarea').forEach(el => el.style.borderColor = '');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contacto \u2014 Sitios Eventos y Turismo Sitios Eventos y Turismo \u00bfEn qu\u00e9 podemos ayudarte? Cu\u00e9ntanos lo que necesitas y te contactamos de inmediato. Selecciona el tipo de consulta \u2708\ufe0fTiquete a\u00e9reo \ud83c\udfe8Hotel \u2708\ufe0f\ud83c\udfe8Tiquete + Hotel \ud83c\udf0ePaquete tur\u00edstico \ud83d\udcbcOtro servicio \ud83d\udcacPQR \/ Ayuda Por favor selecciona el tipo de consulta. Tus datos de contacto Nombre completo * […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"saved_in_kubio":true,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":8,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":47,"date":"2026-03-05T14:12:34","date_gmt":"2026-03-05T14:12:34","guid":{"rendered":"https:\/\/sitioscorp.com.co\/index.php\/contacto\/"},"modified":"2026-05-28T16:01:20","modified_gmt":"2026-05-28T21:01:20","slug":"contacto","status":"publish","type":"page","link":"https:\/\/sitiostravel.co\/index.php\/contacto\/","title":{"rendered":"Contacto"},"content":{"rendered":"\n\n\n\n\n\nContacto \u2014 Sitios Eventos y Turismo<\/title>\n<style>\n :root {\n --vino: #8B1A1A;\n --vino-dark: #6B1414;\n --vino-light: #b52424;\n --vino-bg: #fdf6f6;\n --vino-bg2: #f5e8e8;\n --gris: #f7f7f7;\n --gris2: #e8e8e8;\n --texto: #1a1a1a;\n --texto2: #555555;\n --texto3: #888888;\n --verde: #2e7d32;\n --verde-bg: #e8f5e9;\n --azul: #1565C0;\n --azul-bg: #E3F2FD;\n --radio: 12px;\n --sombra: 0 4px 24px rgba(0,0,0,0.08);\n }\n\n * { box-sizing: border-box; margin: 0; padding: 0; }\n\n body {\n font-family: 'Segoe UI', system-ui, sans-serif;\n background: #ede9e4;\n color: var(--texto);\n padding: 24px 16px 60px;\n min-height: 100vh;\n }\n\n .container {\n max-width: 780px;\n margin: 0 auto;\n background: #fff;\n border-radius: var(--radio);\n box-shadow: var(--sombra);\n overflow: hidden;\n }\n\n \/* HEADER *\/\n .header {\n background: var(--vino);\n padding: 32px 36px;\n position: relative;\n overflow: hidden;\n }\n .header::after {\n content: '\u2708';\n position: absolute;\n right: 32px; top: 50%;\n transform: translateY(-50%) rotate(15deg);\n font-size: 80px;\n opacity: 0.08;\n }\n .header-logo {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n margin-bottom: 8px;\n }\n .header h1 {\n color: #fff;\n font-size: clamp(20px, 4vw, 28px);\n font-weight: 700;\n line-height: 1.2;\n margin-bottom: 6px;\n }\n .header p {\n color: rgba(255,255,255,0.7);\n font-size: 14px;\n }\n\n \/* BODY *\/\n .body { padding: 32px 36px; }\n\n \/* TIPO DE CONSULTA *\/\n .tipo-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));\n gap: 10px;\n margin-bottom: 28px;\n }\n .tipo-btn {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 8px;\n padding: 16px 12px;\n border: 2px solid var(--gris2);\n border-radius: 10px;\n cursor: pointer;\n background: #fff;\n transition: all 0.2s;\n font-size: 13px;\n font-weight: 600;\n color: var(--texto2);\n text-align: center;\n }\n .tipo-btn .icon { font-size: 26px; }\n .tipo-btn:hover { border-color: var(--vino); background: var(--vino-bg); color: var(--vino); }\n .tipo-btn.active { border-color: var(--vino); background: var(--vino-bg); color: var(--vino); box-shadow: 0 0 0 3px rgba(139,26,26,0.12); }\n\n \/* SECCIONES *\/\n .section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: var(--vino);\n margin-bottom: 16px;\n padding-bottom: 8px;\n border-bottom: 2px solid var(--vino-bg2);\n }\n\n .form-group { margin-bottom: 16px; }\n .form-group label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--texto);\n margin-bottom: 6px;\n }\n .form-group label .req { color: var(--vino); margin-left: 2px; }\n .form-group input, .form-group select, .form-group textarea {\n width: 100%;\n padding: 10px 14px;\n border: 1.5px solid var(--gris2);\n border-radius: 8px;\n font-size: 14px;\n font-family: inherit;\n color: var(--texto);\n background: #fff;\n transition: border-color 0.2s, box-shadow 0.2s;\n outline: none;\n appearance: none;\n }\n .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n border-color: var(--vino);\n box-shadow: 0 0 0 3px rgba(139,26,26,0.10);\n }\n .form-group textarea { resize: vertical; min-height: 100px; }\n .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }\n .form-row-3 { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }\n\n .error-msg { color: #c62828; font-size: 12px; margin-top: 4px; display: none; }\n\n \/* BLOQUE CONDICIONAL *\/\n .bloque {\n display: none;\n background: var(--gris);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 20px;\n border-left: 3px solid var(--vino);\n }\n .bloque.visible { display: block; }\n .bloque .section-title { margin-top: 0; }\n\n \/* TOGGLE SWITCH *\/\n .toggle-group {\n display: flex;\n align-items: center;\n gap: 10px;\n padding: 10px 0;\n }\n .toggle-label { font-size: 13.5px; font-weight: 600; color: var(--texto); }\n .toggle {\n position: relative;\n width: 44px; height: 24px;\n flex-shrink: 0;\n }\n .toggle input { opacity: 0; width: 0; height: 0; }\n .toggle-slider {\n position: absolute;\n inset: 0;\n background: var(--gris2);\n border-radius: 24px;\n cursor: pointer;\n transition: background 0.2s;\n }\n .toggle-slider::before {\n content: '';\n position: absolute;\n width: 18px; height: 18px;\n left: 3px; top: 3px;\n background: #fff;\n border-radius: 50%;\n transition: transform 0.2s;\n box-shadow: 0 1px 4px rgba(0,0,0,0.2);\n }\n .toggle input:checked + .toggle-slider { background: var(--vino); }\n .toggle input:checked + .toggle-slider::before { transform: translateX(20px); }\n\n \/* CANAL RESPUESTA *\/\n .canal-section {\n background: var(--azul-bg);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 24px;\n border-left: 3px solid var(--azul);\n }\n .canal-title {\n font-size: 13px;\n font-weight: 700;\n color: var(--azul);\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n .canal-opciones {\n display: flex;\n gap: 12px;\n flex-wrap: wrap;\n }\n .canal-opt {\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 10px 18px;\n border: 2px solid #90CAF9;\n border-radius: 8px;\n cursor: pointer;\n background: #fff;\n font-size: 14px;\n font-weight: 600;\n color: var(--azul);\n transition: all 0.2s;\n flex: 1;\n min-width: 130px;\n justify-content: center;\n }\n .canal-opt:hover { background: var(--azul-bg); border-color: var(--azul); }\n .canal-opt.selected { background: var(--azul); color: #fff; border-color: var(--azul); }\n .canal-opt .canal-icon { font-size: 20px; }\n\n \/* BOT\u00d3N *\/\n .btn-submit {\n width: 100%;\n padding: 16px;\n background: var(--vino);\n color: #fff;\n font-size: 16px;\n font-weight: 700;\n border: none;\n border-radius: 10px;\n cursor: pointer;\n transition: background 0.2s, transform 0.1s;\n font-family: inherit;\n }\n .btn-submit:hover { background: var(--vino-light); }\n .btn-submit:active { transform: scale(0.99); }\n .btn-submit:disabled { background: #bbb; cursor: not-allowed; }\n\n \/* CONFIRMACI\u00d3N *\/\n .confirmacion {\n display: none;\n padding: 40px 36px;\n text-align: center;\n }\n .conf-icon { font-size: 56px; margin-bottom: 16px; }\n .conf-titulo { font-size: 22px; font-weight: 700; color: var(--verde); margin-bottom: 10px; }\n .conf-texto { font-size: 15px; color: var(--texto2); line-height: 1.6; margin-bottom: 20px; }\n .btn-nueva {\n display: inline-block;\n margin-top: 8px;\n background: var(--vino);\n color: #fff;\n border: none;\n padding: 12px 28px;\n border-radius: 8px;\n font-size: 14px;\n font-weight: 700;\n cursor: pointer;\n font-family: inherit;\n transition: background 0.2s;\n }\n .btn-nueva:hover { background: var(--vino-light); }\n\n \/* FOOTER *\/\n .form-footer {\n text-align: center;\n font-size: 12px;\n color: var(--texto3);\n margin-top: 20px;\n padding-top: 16px;\n border-top: 1px solid var(--gris2);\n }\n .form-footer a { color: var(--vino); text-decoration: none; }\n\n .divider { height: 1px; background: var(--gris2); margin: 24px 0; }\n\n @media (max-width: 560px) {\n .body { padding: 20px; }\n .header { padding: 24px 20px; }\n .form-row, .form-row-3 { grid-template-columns: 1fr; }\n .tipo-grid { grid-template-columns: repeat(3, 1fr); }\n .canal-opciones { flex-direction: column; }\n .confirmacion { padding: 32px 20px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n\n <div class=\"header\">\n <div class=\"header-logo\">Sitios Eventos y Turismo<\/div>\n <h1>\u00bfEn qu\u00e9 podemos ayudarte?<\/h1>\n <p>Cu\u00e9ntanos lo que necesitas y te contactamos de inmediato.<\/p>\n <\/div>\n\n <div id=\"formArea\">\n <div class=\"body\">\n <form id=\"contactForm\" novalidate>\n\n \n <div class=\"section-title\">Selecciona el tipo de consulta<\/div>\n <div class=\"tipo-grid\">\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"tiquete\" onclick=\"seleccionarTipo('tiquete',this)\">\n <span class=\"icon\">\u2708\ufe0f<\/span>Tiquete a\u00e9reo\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"hotel\" onclick=\"seleccionarTipo('hotel',this)\">\n <span class=\"icon\">\ud83c\udfe8<\/span>Hotel\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"tiquete_hotel\" onclick=\"seleccionarTipo('tiquete_hotel',this)\">\n <span class=\"icon\">\u2708\ufe0f\ud83c\udfe8<\/span>Tiquete + Hotel\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"paquete\" onclick=\"seleccionarTipo('paquete',this)\">\n <span class=\"icon\">\ud83c\udf0e<\/span>Paquete tur\u00edstico\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"otro\" onclick=\"seleccionarTipo('otro',this)\">\n <span class=\"icon\">\ud83d\udcbc<\/span>Otro servicio\n <\/button>\n <button type=\"button\" class=\"tipo-btn\" data-tipo=\"pqrs\" onclick=\"seleccionarTipo('pqrs',this)\">\n <span class=\"icon\">\ud83d\udcac<\/span>PQR \/ Ayuda\n <\/button>\n <\/div>\n <div class=\"error-msg\" id=\"err-tipo\" style=\"display:none; margin-bottom:12px;\">Por favor selecciona el tipo de consulta.<\/div>\n\n \n <div class=\"section-title\">Tus datos de contacto<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Nombre completo <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nombre\" placeholder=\"Ej: Mar\u00eda P\u00e9rez\" required>\n <div class=\"error-msg\" id=\"err-nombre\">Ingresa tu nombre.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Tel\u00e9fono \/ WhatsApp <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"telefono\" placeholder=\"Ej: 3001234567\" required>\n <div class=\"error-msg\" id=\"err-telefono\">Ingresa tu tel\u00e9fono.<\/div>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Correo electr\u00f3nico<\/label>\n <input type=\"email\" id=\"email\" placeholder=\"correo@ejemplo.com\">\n <div class=\"error-msg\" id=\"err-email\">Ingresa un correo v\u00e1lido.<\/div>\n <\/div>\n <div class=\"form-group\">\n <label>Ciudad<\/label>\n <input type=\"text\" id=\"ciudad\" placeholder=\"Ej: Monter\u00eda\">\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-tiquete\">\n <div class=\"section-title\">Detalle del tiquete<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ciudad origen <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"t-origen\" placeholder=\"Ej: Monter\u00eda (MTR)\">\n <\/div>\n <div class=\"form-group\">\n <label>Ciudad destino <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"t-destino\" placeholder=\"Ej: Bogot\u00e1 (BOG)\">\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Fecha de ida <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" id=\"t-fecha-ida\">\n <\/div>\n <div class=\"form-group\">\n <label>Fecha de regreso<\/label>\n <input type=\"date\" id=\"t-fecha-regreso\">\n <small style=\"color:var(--texto3);font-size:11px;\">Dejar vac\u00edo si es solo ida<\/small>\n <\/div>\n <\/div>\n <div class=\"form-row-3\">\n <div class=\"form-group\">\n <label>Adultos<\/label>\n <select id=\"t-adultos\">\n <option value=\"1\">1<\/option><option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option><option value=\"4\">4<\/option>\n <option value=\"5\">5+<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Ni\u00f1os (2-11 a\u00f1os)<\/label>\n <select id=\"t-ninos\">\n <option value=\"0\">0<\/option><option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option><option value=\"3\">3<\/option>\n <option value=\"4\">4+<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Infantes (<2 a\u00f1os)<\/label>\n <select id=\"t-infantes\">\n <option value=\"0\">0<\/option><option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Equipaje<\/label>\n <select id=\"t-equipaje\">\n <option value=\"solo_morral\">Solo morral \/ equipaje de mano<\/option>\n <option value=\"maleta_23\">Maleta 23 kg<\/option>\n <option value=\"maleta_32\">Maleta 32 kg<\/option>\n <option value=\"no_se\">No s\u00e9 \/ me da igual<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Flexibilidad de fechas<\/label>\n <select id=\"t-flexibilidad\">\n <option value=\"exacta\">Fechas exactas<\/option>\n <option value=\"mas_menos_2\">\u00b1 2 d\u00edas<\/option>\n <option value=\"mas_menos_5\">\u00b1 5 d\u00edas<\/option>\n <option value=\"flexible\">Soy flexible<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-hotel\">\n <div class=\"section-title\">Detalle del hotel<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Ciudad \/ destino <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"h-destino\" placeholder=\"Ej: Cartagena\">\n <\/div>\n <div class=\"form-group\">\n <label>N\u00famero de noches <span class=\"req\">*<\/span><\/label>\n <select id=\"h-noches\">\n <option value=\"\">Selecciona…<\/option>\n <option value=\"1\">1 noche<\/option><option value=\"2\">2 noches<\/option>\n <option value=\"3\">3 noches<\/option><option value=\"4\">4 noches<\/option>\n <option value=\"5\">5 noches<\/option><option value=\"6\">6 noches<\/option>\n <option value=\"7\">7 noches<\/option><option value=\"8+\">8 o m\u00e1s<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Fecha de llegada<\/label>\n <input type=\"date\" id=\"h-llegada\">\n <\/div>\n <div class=\"form-group\">\n <label>Tipo de acomodaci\u00f3n<\/label>\n <select id=\"h-acomodacion\">\n <option value=\"\">Selecciona…<\/option>\n <option value=\"sencilla\">Habitaci\u00f3n sencilla<\/option>\n <option value=\"doble\">Habitaci\u00f3n doble<\/option>\n <option value=\"triple\">Habitaci\u00f3n triple<\/option>\n <option value=\"cuadruple\">Cu\u00e1druple \/ familiar<\/option>\n <option value=\"suite\">Suite<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Adultos<\/label>\n <select id=\"h-adultos\">\n <option value=\"1\">1<\/option><option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option><option value=\"4\">4<\/option><option value=\"5+\">5+<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>Ni\u00f1os<\/label>\n <select id=\"h-ninos\">\n <option value=\"0\">0<\/option><option value=\"1\">1<\/option>\n <option value=\"2\">2<\/option><option value=\"3\">3<\/option><option value=\"4+\">4+<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-paquete\">\n <div class=\"section-title\">Detalle del paquete tur\u00edstico<\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Destino del paquete <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"p-destino\" placeholder=\"Ej: San Andr\u00e9s, Canc\u00fan, Medell\u00edn...\">\n <\/div>\n <div class=\"form-group\">\n <label>N\u00famero de viajeros<\/label>\n <select id=\"p-viajeros\">\n <option value=\"1\">1<\/option><option value=\"2\">2<\/option>\n <option value=\"3\">3<\/option><option value=\"4\">4<\/option>\n <option value=\"5\">5<\/option><option value=\"6+\">6+<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"form-row\">\n <div class=\"form-group\">\n <label>Fecha de viaje (aproximada)<\/label>\n <input type=\"date\" id=\"p-fecha\">\n <\/div>\n <div class=\"form-group\">\n <label>Duraci\u00f3n aproximada<\/label>\n <select id=\"p-duracion\">\n <option value=\"\">Selecciona…<\/option>\n <option value=\"3-4\">3 a 4 d\u00edas<\/option>\n <option value=\"5-7\">5 a 7 d\u00edas<\/option>\n <option value=\"8-10\">8 a 10 d\u00edas<\/option>\n <option value=\"mas_10\">M\u00e1s de 10 d\u00edas<\/option>\n <option value=\"no_se\">No s\u00e9 a\u00fan<\/option>\n <\/select>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-otro\">\n <div class=\"section-title\">Descripci\u00f3n del servicio<\/div>\n <div class=\"form-group\">\n <label>\u00bfQu\u00e9 necesitas? <span class=\"req\">*<\/span><\/label>\n <textarea id=\"otro-descripcion\" placeholder=\"Cu\u00e9ntanos qu\u00e9 servicio necesitas: crucero, asistencia de viaje, visa, traslado, evento corporativo, etc.\" rows=\"4\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"bloque\" id=\"bloque-pqrs\">\n <div class=\"section-title\">Petici\u00f3n, Queja o Reclamo<\/div>\n <div class=\"form-group\">\n <label>Tipo de solicitud<\/label>\n <select id=\"pqrs-tipo\">\n <option value=\"peticion\">Petici\u00f3n \/ Solicitud<\/option>\n <option value=\"queja\">Queja<\/option>\n <option value=\"reclamo\">Reclamo<\/option>\n <option value=\"sugerencia\">Sugerencia<\/option>\n <option value=\"felicitacion\">Felicitaci\u00f3n<\/option>\n <option value=\"ayuda\">Ayuda \/ Soporte<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <label>N\u00famero de reserva o tiquete (si aplica)<\/label>\n <input type=\"text\" id=\"pqrs-reserva\" placeholder=\"Ej: ABC123 o 0123456789\">\n <\/div>\n <div class=\"form-group\">\n <label>Descripci\u00f3n <span class=\"req\">*<\/span><\/label>\n <textarea id=\"pqrs-descripcion\" placeholder=\"Describe tu situaci\u00f3n con el mayor detalle posible...\" rows=\"4\"><\/textarea>\n <\/div>\n <\/div>\n\n \n <div class=\"canal-section\">\n <div class=\"canal-title\">\u00bfC\u00f3mo prefieres que te contactemos?<\/div>\n <div class=\"canal-opciones\">\n <div class=\"canal-opt\" id=\"canal-whatsapp\" onclick=\"seleccionarCanal('whatsapp')\">\n <span class=\"canal-icon\">\ud83d\udcf1<\/span> WhatsApp\n <\/div>\n <div class=\"canal-opt\" id=\"canal-correo\" onclick=\"seleccionarCanal('correo')\">\n <span class=\"canal-icon\">\ud83d\udce7<\/span> Correo electr\u00f3nico\n <\/div>\n <div class=\"canal-opt\" id=\"canal-ambos\" onclick=\"seleccionarCanal('ambos')\">\n <span class=\"canal-icon\">\ud83d\udcac<\/span> Ambos\n <\/div>\n <\/div>\n <div class=\"error-msg\" id=\"err-canal\" style=\"display:none; margin-top:8px;\">Selecciona c\u00f3mo prefieres que te contactemos.<\/div>\n <\/div>\n\n \n <button type=\"submit\" class=\"btn-submit\" id=\"btnSubmit\">Enviar consulta \u2192<\/button>\n\n <div class=\"form-footer\">\n Al enviar aceptas nuestra\n <a href=\"https:\/\/www.sitioscorp.com.co\/politica-privacidad\" target=\"_blank\" rel=\"noopener\">Pol\u00edtica de Privacidad<\/a>.\n Respondemos en menos de 2 horas en horario h\u00e1bil.\n <\/div>\n\n <\/form>\n <\/div>\n <\/div>\n\n \n <div class=\"confirmacion\" id=\"confirmacion\">\n <div class=\"conf-icon\" id=\"conf-icon\">\u2705<\/div>\n <div class=\"conf-titulo\" id=\"conf-titulo\">\u00a1Consulta enviada con \u00e9xito!<\/div>\n <div class=\"conf-texto\" id=\"conf-texto\">\n Hemos recibido tu consulta. Te contactaremos en menos de 2 horas en horario h\u00e1bil.<br>\n <strong>Sitios Eventos y Turismo \u2014 +57 332 841 715<\/strong>\n <\/div>\n <button class=\"btn-nueva\" onclick=\"nuevaConsulta()\">+ Nueva consulta<\/button>\n <\/div>\n\n<\/div>\n\n<script>\n\/\/ \u2500\u2500\u2500 CONFIGURACI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst GOOGLE_SCRIPT_URL = 'https:\/\/script.google.com\/macros\/s\/AKfycbwJWoRCChNTvyPpCtJvVANXgGt0lXz3rSVc-WmkF3pfNFLKNkKdsyX0vw2BKj-D5Ss3\/exec'; \/\/ Reemplazar con URL del Apps Script\nconst WA_NUMBER = '573332841715'; \/\/ N\u00famero de WhatsApp de Sitios sin + ni espacios\nconst EMAIL_VENTAS = 'ventas@sitiostravel.co';\nconst EMAIL_PQR = 'info@sitiostravel.co';\n\nfunction getEmailDestino() {\n return (tipoSeleccionado === 'pqrs') ? EMAIL_PQR : EMAIL_VENTAS;\n}\n\n\/\/ \u2500\u2500\u2500 ESTADO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nlet tipoSeleccionado = '';\nlet canalSeleccionado = '';\n\n\/\/ \u2500\u2500\u2500 FECHA M\u00cdNIMA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.addEventListener('DOMContentLoaded', () => {\n const hoy = new Date().toISOString().split('T')[0];\n document.querySelectorAll('input[type=\"date\"]').forEach(el => el.min = hoy);\n});\n\n\/\/ \u2500\u2500\u2500 SELECCI\u00d3N DE TIPO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction seleccionarTipo(tipo, btn) {\n tipoSeleccionado = tipo;\n document.querySelectorAll('.tipo-btn').forEach(b => b.classList.remove('active'));\n btn.classList.add('active');\n document.getElementById('err-tipo').style.display = 'none';\n\n \/\/ Ocultar todos los bloques\n document.querySelectorAll('.bloque').forEach(b => b.classList.remove('visible'));\n\n \/\/ Mostrar los que correspondan\n if (tipo === 'tiquete') {\n document.getElementById('bloque-tiquete').classList.add('visible');\n } else if (tipo === 'hotel') {\n document.getElementById('bloque-hotel').classList.add('visible');\n } else if (tipo === 'tiquete_hotel') {\n document.getElementById('bloque-tiquete').classList.add('visible');\n document.getElementById('bloque-hotel').classList.add('visible');\n } else if (tipo === 'paquete') {\n document.getElementById('bloque-paquete').classList.add('visible');\n } else if (tipo === 'otro') {\n document.getElementById('bloque-otro').classList.add('visible');\n } else if (tipo === 'pqrs') {\n document.getElementById('bloque-pqrs').classList.add('visible');\n }\n}\n\n\/\/ \u2500\u2500\u2500 SELECCI\u00d3N DE CANAL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction seleccionarCanal(canal) {\n canalSeleccionado = canal;\n document.querySelectorAll('.canal-opt').forEach(c => c.classList.remove('selected'));\n document.getElementById('canal-' + canal).classList.add('selected');\n document.getElementById('err-canal').style.display = 'none';\n}\n\n\/\/ \u2500\u2500\u2500 CONSTRUIR MENSAJE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction construirMensaje() {\n const nombre = document.getElementById('nombre').value.trim();\n const telefono = document.getElementById('telefono').value.trim();\n const email = document.getElementById('email').value.trim();\n const ciudad = document.getElementById('ciudad').value.trim();\n\n const tiposLabel = {\n tiquete: 'Tiquete a\u00e9reo',\n hotel: 'Hotel',\n tiquete_hotel: 'Tiquete + Hotel',\n paquete: 'Paquete tur\u00edstico',\n otro: 'Otro servicio',\n pqrs: 'PQR \/ Ayuda'\n };\n\n let msg = `*Nueva consulta \u2014 Sitios Eventos y Turismo*\\n\\n`;\n msg += `*Tipo:* ${tiposLabel[tipoSeleccionado]}\\n`;\n msg += `*Nombre:* ${nombre}\\n`;\n msg += `*Tel\u00e9fono:* ${telefono}\\n`;\n if (email) msg += `*Correo:* ${email}\\n`;\n if (ciudad) msg += `*Ciudad:* ${ciudad}\\n`;\n msg += `\\n`;\n\n if (tipoSeleccionado === 'tiquete' || tipoSeleccionado === 'tiquete_hotel') {\n msg += `*\u2708\ufe0f TIQUETE*\\n`;\n msg += `Ruta: ${document.getElementById('t-origen').value} \u2192 ${document.getElementById('t-destino').value}\\n`;\n msg += `Ida: ${document.getElementById('t-fecha-ida').value}\\n`;\n const regreso = document.getElementById('t-fecha-regreso').value;\n msg += regreso ? `Regreso: ${regreso}\\n` : `Solo ida\\n`;\n msg += `Pasajeros: ${document.getElementById('t-adultos').value} adulto(s), ${document.getElementById('t-ninos').value} ni\u00f1o(s), ${document.getElementById('t-infantes').value} infante(s)\\n`;\n msg += `Equipaje: ${document.getElementById('t-equipaje').options[document.getElementById('t-equipaje').selectedIndex].text}\\n\\n`;\n }\n\n if (tipoSeleccionado === 'hotel' || tipoSeleccionado === 'tiquete_hotel') {\n msg += `*\ud83c\udfe8 HOTEL*\\n`;\n msg += `Destino: ${document.getElementById('h-destino').value}\\n`;\n const llegada = document.getElementById('h-llegada').value;\n if (llegada) msg += `Llegada: ${llegada}\\n`;\n const noches = document.getElementById('h-noches').value;\n if (noches) msg += `Noches: ${noches}\\n`;\n const acomo = document.getElementById('h-acomodacion').value;\n if (acomo) msg += `Acomodaci\u00f3n: ${document.getElementById('h-acomodacion').options[document.getElementById('h-acomodacion').selectedIndex].text}\\n`;\n msg += `Hu\u00e9spedes: ${document.getElementById('h-adultos').value} adulto(s), ${document.getElementById('h-ninos').value} ni\u00f1o(s)\\n\\n`;\n }\n\n if (tipoSeleccionado === 'paquete') {\n msg += `*\ud83c\udf0e PAQUETE*\\n`;\n msg += `Destino: ${document.getElementById('p-destino').value}\\n`;\n msg += `Viajeros: ${document.getElementById('p-viajeros').value}\\n`;\n const fecha = document.getElementById('p-fecha').value;\n if (fecha) msg += `Fecha aprox: ${fecha}\\n`;\n const dur = document.getElementById('p-duracion').value;\n if (dur) msg += `Duraci\u00f3n: ${document.getElementById('p-duracion').options[document.getElementById('p-duracion').selectedIndex].text}\\n\\n`;\n }\n\n if (tipoSeleccionado === 'otro') {\n msg += `*\ud83d\udcbc SERVICIO*\\n${document.getElementById('otro-descripcion').value}\\n\\n`;\n }\n\n if (tipoSeleccionado === 'pqrs') {\n const pqrsTipo = document.getElementById('pqrs-tipo');\n msg += `*\ud83d\udcac ${pqrsTipo.options[pqrsTipo.selectedIndex].text.toUpperCase()}*\\n`;\n const reserva = document.getElementById('pqrs-reserva').value;\n if (reserva) msg += `Reserva\/Tiquete: ${reserva}\\n`;\n msg += `${document.getElementById('pqrs-descripcion').value}\\n\\n`;\n }\n\n msg += `Canal preferido: ${canalSeleccionado === 'whatsapp' ? 'WhatsApp' : canalSeleccionado === 'correo' ? 'Correo electr\u00f3nico' : 'WhatsApp y Correo'}`;\n return msg;\n}\n\n\/\/ \u2500\u2500\u2500 CONSTRUIR ASUNTO EMAIL \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction construirAsunto() {\n const nombre = document.getElementById('nombre').value.trim();\n const tipos = { tiquete: 'Tiquete', hotel: 'Hotel', tiquete_hotel: 'Tiquete+Hotel', paquete: 'Paquete', otro: 'Consulta', pqrs: 'PQR' };\n return `Nueva consulta ${tipos[tipoSeleccionado]} \u2014 ${nombre} \u2014 Sitios`;\n}\n\n\/\/ \u2500\u2500\u2500 VALIDACI\u00d3N \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction validar() {\n let ok = true;\n\n if (!tipoSeleccionado) {\n document.getElementById('err-tipo').style.display = 'block';\n ok = false;\n }\n\n ['nombre', 'telefono'].forEach(id => {\n const el = document.getElementById(id);\n const err = document.getElementById('err-' + id);\n if (!el.value.trim()) {\n err.style.display = 'block';\n el.style.borderColor = '#c62828';\n ok = false;\n } else {\n err.style.display = 'none';\n el.style.borderColor = '';\n }\n });\n\n const emailEl = document.getElementById('email');\n if (emailEl.value && !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(emailEl.value)) {\n document.getElementById('err-email').style.display = 'block';\n emailEl.style.borderColor = '#c62828';\n ok = false;\n }\n\n if (!canalSeleccionado) {\n document.getElementById('err-canal').style.display = 'block';\n ok = false;\n }\n\n \/\/ Validaciones espec\u00edficas por tipo\n if (tipoSeleccionado === 'tiquete' || tipoSeleccionado === 'tiquete_hotel') {\n if (!document.getElementById('t-origen').value || !document.getElementById('t-destino').value) ok = false;\n }\n if (tipoSeleccionado === 'paquete' && !document.getElementById('p-destino').value) ok = false;\n if (tipoSeleccionado === 'otro' && !document.getElementById('otro-descripcion').value.trim()) ok = false;\n if (tipoSeleccionado === 'pqrs' && !document.getElementById('pqrs-descripcion').value.trim()) ok = false;\n\n return ok;\n}\n\n\/\/ \u2500\u2500\u2500 ENV\u00cdO \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.getElementById('contactForm').addEventListener('submit', function(e) {\n e.preventDefault();\n if (!validar()) return;\n\n const mensaje = construirMensaje();\n const asunto = construirAsunto();\n const nombre = document.getElementById('nombre').value.trim();\n\n if (canalSeleccionado === 'whatsapp' || canalSeleccionado === 'ambos') {\n const waUrl = `https:\/\/wa.me\/${WA_NUMBER}?text=${encodeURIComponent(mensaje)}`;\n window.open(waUrl, '_blank');\n }\n\n if (canalSeleccionado === 'correo' || canalSeleccionado === 'ambos') {\n const mailUrl = `mailto:${getEmailDestino()}?subject=${encodeURIComponent(asunto)}&body=${encodeURIComponent(mensaje)}`;\n window.location.href = mailUrl;\n }\n\n \/\/ Enviar al Google Sheet\n enviarASheet(mensaje, asunto);\n\n \/\/ Mostrar confirmaci\u00f3n\n document.getElementById('formArea').style.display = 'none';\n const conf = document.getElementById('confirmacion');\n conf.style.display = 'block';\n\n if (canalSeleccionado === 'whatsapp') {\n document.getElementById('conf-icon').textContent = '\ud83d\udcf1';\n document.getElementById('conf-titulo').textContent = '\u00a1Consulta enviada por WhatsApp!';\n document.getElementById('conf-texto').innerHTML = `Tu mensaje fue enviado a nuestro WhatsApp. Un asesor te responder\u00e1 en menos de 2 horas.<br><strong>+57 332 841 715<\/strong>`;\n } else if (canalSeleccionado === 'correo') {\n document.getElementById('conf-icon').textContent = '\ud83d\udce7';\n document.getElementById('conf-titulo').textContent = '\u00a1Consulta enviada por correo!';\n document.getElementById('conf-texto').innerHTML = `Tu consulta fue enviada a nuestro correo. Te responderemos en menos de 2 horas en horario h\u00e1bil.<br><strong>${getEmailDestino()}<\/strong>`;\n } else {\n document.getElementById('conf-icon').textContent = '\u2705';\n document.getElementById('conf-titulo').textContent = '\u00a1Consulta enviada!';\n document.getElementById('conf-texto').innerHTML = `Tu consulta fue enviada por WhatsApp y correo electr\u00f3nico. Te contactaremos en menos de 2 horas.<br><strong>Sitios Eventos y Turismo<\/strong>`;\n }\n});\n\n\/\/ \u2500\u2500\u2500 ENV\u00cdO A GOOGLE SHEET \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nasync function enviarASheet(mensaje, asunto) {\n if (!GOOGLE_SCRIPT_URL || GOOGLE_SCRIPT_URL === 'TU_SCRIPT_URL_AQUI') return;\n try {\n const datos = {\n fecha_hora: new Date().toLocaleString('es-CO', { timeZone: 'America\/Bogota' }),\n tipo_consulta: tipoSeleccionado,\n nombre: document.getElementById('nombre').value.trim(),\n telefono: document.getElementById('telefono').value.trim(),\n email: document.getElementById('email').value.trim() || '',\n ciudad: document.getElementById('ciudad').value.trim() || '',\n canal_respuesta: canalSeleccionado,\n email_destino: getEmailDestino(),\n detalle: mensaje\n };\n await fetch(GOOGLE_SCRIPT_URL, {\n method: 'POST',\n mode: 'no-cors',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(datos)\n });\n } catch(e) { console.log('Sheet error:', e); }\n}\n\n\/\/ \u2500\u2500\u2500 NUEVA CONSULTA \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction nuevaConsulta() {\n document.getElementById('confirmacion').style.display = 'none';\n document.getElementById('formArea').style.display = 'block';\n document.getElementById('contactForm').reset();\n tipoSeleccionado = '';\n canalSeleccionado = '';\n document.querySelectorAll('.tipo-btn').forEach(b => b.classList.remove('active'));\n document.querySelectorAll('.canal-opt').forEach(c => c.classList.remove('selected'));\n document.querySelectorAll('.bloque').forEach(b => b.classList.remove('visible'));\n document.querySelectorAll('.error-msg').forEach(e => e.style.display = 'none');\n document.querySelectorAll('input, select, textarea').forEach(el => el.style.borderColor = '');\n window.scrollTo({ top: 0, behavior: 'smooth' });\n}\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Contacto \u2014 Sitios Eventos y Turismo Sitios Eventos y Turismo \u00bfEn qu\u00e9 podemos ayudarte? Cu\u00e9ntanos lo que necesitas y te contactamos de inmediato. Selecciona el tipo de consulta \u2708\ufe0fTiquete a\u00e9reo \ud83c\udfe8Hotel \u2708\ufe0f\ud83c\udfe8Tiquete + Hotel \ud83c\udf0ePaquete tur\u00edstico \ud83d\udcbcOtro servicio \ud83d\udcacPQR \/ Ayuda Por favor selecciona el tipo de consulta. Tus datos de contacto Nombre completo * […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width","meta":{"saved_in_kubio":true,"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-47","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"_links":{"self":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages\/47","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/comments?post=47"}],"version-history":[{"count":8,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions"}],"predecessor-version":[{"id":469,"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/pages\/47\/revisions\/469"}],"wp:attachment":[{"href":"https:\/\/sitiostravel.co\/index.php\/wp-json\/wp\/v2\/media?parent=47"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}