{"id":7474,"date":"2026-04-12T09:26:10","date_gmt":"2026-04-12T15:26:10","guid":{"rendered":"https:\/\/cuilpilapan.com\/?page_id=7474"},"modified":"2026-04-24T08:35:02","modified_gmt":"2026-04-24T14:35:02","slug":"evento-inscripcion-basica","status":"publish","type":"page","link":"https:\/\/cuilpilapan.com\/es\/evento-inscripcion-basica\/","title":{"rendered":"Inscripci\u00f3n B\u00e1sica"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"7474\" class=\"elementor elementor-7474\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d7e653 e-flex e-con-boxed e-con e-parent\" data-id=\"3d7e653\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1770734 elementor-widget elementor-widget-html\" data-id=\"1770734\" 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<div style=\"text-align:center; margin:1px 0;\">\r\n    <button\r\n        id=\"autoOpenBtn\"\r\n        onclick=\"openBookingForm(this)\"\r\n        data-tour=\"Inscripci\u00f3n B\u00e1sica\"\r\n        data-desc=\"customizable duration and distance.\"\r\n        data-precio-adulto-nacional=\"10000\"\r\n        data-precio-adulto-extranjero=\"22\"\r\n        data-precio-nino-nacional=\"10000\"\r\n        data-precio-nino-extranjero=\"22\"\r\n        style=\"background:#ff1a50; color:white; font-size:15px; padding:15px 77px; border:none; border-radius:30px; cursor:pointer; box-shadow: 0 4px 10px rgba(255, 26, 80, 0.4);\">\r\n        RESERVAR\r\n    <\/button>\r\n<\/div>\r\n\r\n<script>\r\nwindow.addEventListener(\"load\", function() {\r\n    document.getElementById(\"autoOpenBtn\").click();\r\n});\r\n<\/script>\r\n\r\n<div id=\"bookingModal\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:9999; overflow:auto;\">\r\n    <div style=\"background:#fff; max-width:750px; margin:50px auto; padding:30px; border-radius:15px; position:relative; box-shadow: 0 5px 15px rgba(0,0,0,0.3);\">\r\n\r\n        <button onclick=\"closeBookingForm()\" style=\"position:absolute; top:15px; right:15px; font-size:24px; background:none; border:none; cursor:pointer; color:#333;\">\u2716<\/button>\r\n\r\n   <h2 style=\"text-align:center; margin-bottom:10px; color:#2E7D32; font-size:26px;\" id=\"tourTitle\"><\/h2>\r\n        <p style=\"text-align:center; margin-bottom:25px; color:#555;\" id=\"tourDesc\"><\/p>\r\n\r\n        <form id=\"bookingForm\" onsubmit=\"event.preventDefault();\" action=\"\">\r\n            \r\n            <div style=\"margin-top:20px; margin-bottom:16px;\">\r\n                <label for=\"fecha\" class=\"form-label\"><b>\ud83d\udcc5 Fecha (Seleccionar fecha):<\/b><\/label>\r\n                <span id=\"fecha-asterisk\" class=\"field-asterisk\" style=\"display:none\">*<\/span>\r\n                <input type=\"date\" id=\"fecha\" class=\"input\" value=\"2026-04-25\" readonly required onchange=\"calcularTotal()\" style=\"width: 100%; padding: 10px; border-radius: 5px; border: 1px solid #ccc; background-color: #f0f0f0; cursor: not-allowed;\">\r\n                <span id=\"fecha-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n<\/div>\r\n\r\n            <div style=\"margin-bottom:12px;\">\r\n                <label for=\"hora\" class=\"form-label\"><b>Hora (Seleccionar hora):<\/b><\/label><span id=\"hora-asterisk\" class=\"field-asterisk\" style=\"display:none\">*<\/span>\r\n                <select id=\"hora\" class=\"input\">\r\n                    <option value=\"\" selected disabled>Select a time<\/option>\r\n                    <option value=\"8:00 am\">8:00 am<\/option>\r\n                    <option value=\"9:00 am\">9:00 am<\/option>\r\n                    <option value=\"10:00 am\">10:00 am<\/option>\r\n                <\/select>\r\n                <span id=\"hora-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n            <\/div>\r\n\r\n            <div style=\"margin-bottom:12px;\">\r\n                <label for=\"tipoVisitante\" class=\"form-label\"><b>Tipo de visitante (extranjero o residente):<\/b><\/label><span id=\"tipoVisitante-asterisk\" class=\"field-asterisk\" style=\"display:none\">*<\/span>\r\n                <select id=\"tipoVisitante\" class=\"input\" onchange=\"onVisitorTypeChange(); calcularTotal()\">\r\n                    <option value=\"\" selected disabled>Select visitor type<\/option>\r\n                    <option value=\"extranjero\">Foreign \/ Extranjero<\/option>\r\n                    <option value=\"nacional\">Local \/ Nacional<\/option>\r\n                <\/select>\r\n                <span id=\"tipoVisitante-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n            <\/div>\r\n\r\n            <div id=\"guideLanguageDiv\" style=\"display:none; margin-bottom:15px;\">\r\n                <label for=\"guideLanguage\" class=\"form-label\"><b>Seleccionar idioma del gu\u00eda:<\/b><\/label><span id=\"guideLanguage-asterisk\" class=\"field-asterisk\" style=\"display:none\">*<\/span>\r\n                <select id=\"guideLanguage\" class=\"input\">\r\n                    <option value=\"\" selected disabled>Select guide language<\/option>\r\n                    <option value=\"English\">English<\/option>\r\n                    <option value=\"Spanish\">Spanish<\/option>\r\n                <\/select>\r\n                <p class=\"note\"><i>Elige el idioma del gu\u00eda.<\/i><\/p>\r\n                <span id=\"guideLanguage-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n            <\/div>\r\n\r\n<h3 class=\"section-title\">Viajeros<\/h3>\r\n<p class=\"section-note\">Los precios var\u00edan seg\u00fan la edad y el n\u00famero de personas.<\/p>\r\n<p class=\"note\"><i>Total de viajeros: <span id=\"totalTravelers\" style=\"font-weight:bold;\">0<\/span><\/i><\/p>\r\n<p class=\"note discount-note\" id=\"discountNote\" style=\"display:none;\"><i>Descuentos de hasta un 30% disponibles para grupos grandes y reservas anticipadas.<\/i><\/p>\r\n\r\n<div class=\"traveler-row\">\r\n<div class=\"traveler-info\">\r\n<label for=\"adultos\" class=\"traveler-label\">Adultos (13-70 a\u00f1os):<\/label>\r\n<\/div>\r\n<div class=\"quantity-control\">\r\n<button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"adultos\">-<\/button>\r\n<input type=\"number\" id=\"adultos\" min=\"0\" value=\"0\" class=\"input-num\" oninput=\"calcularTotal()\">\r\n<button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"adultos\">+<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"traveler-row\">\r\n<div class=\"traveler-info\">\r\n<label for=\"ninos\" class=\"traveler-label\">Ni\u00f1os (5-12 a\u00f1os):<span class=\"discount-tag discount-green\">-0%<\/span><\/label>\r\n<\/div>\r\n<div class=\"quantity-control\">\r\n<button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"ninos\">-<\/button>\r\n<input type=\"number\" id=\"ninos\" min=\"0\" value=\"0\" class=\"input-num\" oninput=\"calcularTotal()\">\r\n<button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"ninos\">+<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"traveler-row\" style=\"display:none;\">\r\n<div class=\"traveler-info\">\r\n<label for=\"bebes\" class=\"traveler-label\">Beb\u00e9s (0-4 a\u00f1os):<\/label>\r\n<\/div>\r\n<div class=\"quantity-control\">\r\n<button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"bebes\">-<\/button>\r\n<input type=\"number\" id=\"bebes\" min=\"0\" value=\"0\" class=\"input-num\" oninput=\"calcularTotal()\">\r\n<button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"bebes\">+<\/button>\r\n<\/div>\r\n<\/div>\r\n\r\n<h3 class=\"section-title\">Agregar extras<\/h3>\r\n<p class=\"section-note\">Selecciona los art\u00edculos adicionales que necesitas y agrega la cantidad.<\/p>\r\n\r\n<div class=\"extra-item no-qty-row\" style=\"display:none;\">\r\n    <div class=\"extra-label-info\">\r\n        <label class=\"extra-label\" style=\"display:block;\">\r\n            <input type=\"checkbox\" id=\"extraPerezoso\" onchange=\"calcularTotal()\"> \r\n            Tour de Perezosos y Aves Tropicales (<span id=\"precioPerezoso\" class=\"price-span\" style=\"color:black;\">$10<\/span> por persona)\r\n        <\/label>\r\n        <p class=\"note\" style=\"margin-left:25px; margin-top:2px;\">\r\n            <i>(Incluye el uso de binoculares y telescopio)<\/i>\r\n        <\/p>\r\n    <\/div>\r\n    <div class=\"quantity-control extra-qty-control\" style=\"visibility:hidden; height:36px; border:none; width:110px; margin-left:10px;\"><\/div>\r\n<\/div>\r\n\r\n<div class=\"extra-item with-qty-row\">\r\n    <div class=\"extra-label-info\">\r\n        <label class=\"extra-label\" for=\"botellasAgua\">Agua embotellada (<span id=\"precioAgua\" class=\"price-span\" style=\"color:black;\">$2<\/span> c\/u)<\/label>\r\n    <\/div>\r\n    <div class=\"quantity-control extra-qty-control\">\r\n        <button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"botellasAgua\">-<\/button>\r\n        <input type=\"number\" id=\"botellasAgua\" min=\"0\" value=\"0\" class=\"input-num extra-num\" oninput=\"calcularTotal()\">\r\n        <button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"botellasAgua\">+<\/button>\r\n    <\/div>\r\n    <input type=\"checkbox\" id=\"checkAgua\" onchange=\"calcularTotal()\" style=\"display:none;\"\/>\r\n<\/div>\r\n\r\n<div class=\"extra-item with-qty-row\">\r\n    <div class=\"extra-label-info\">\r\n        <label class=\"extra-label\" for=\"numToallas\">Toallas (<span id=\"precioToallas\" class=\"price-span\" style=\"color:black;\">$2<\/span> c\/u)<\/label>\r\n    <\/div>\r\n    <div class=\"quantity-control extra-qty-control\">\r\n        <button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"numToallas\">-<\/button>\r\n        <input type=\"number\" id=\"numToallas\" min=\"0\" value=\"0\" class=\"input-num extra-num\" oninput=\"calcularTotal()\">\r\n        <button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"numToallas\">+<\/button>\r\n    <\/div>\r\n    <input type=\"checkbox\" id=\"checkToallas\" onchange=\"calcularTotal()\" style=\"display:none;\"\/>\r\n<\/div>\r\n\r\n<div class=\"extra-item with-qty-row\">\r\n    <div class=\"extra-label-info\">\r\n        <label class=\"extra-label\" for=\"numSnacks\">Alquiler de Bicicleta(<span id=\"precioSnacks\" class=\"price-span\" style=\"color:black;\">$20\/\u20a18000<\/span> c\/u)<\/label>\r\n    <\/div>\r\n    <div class=\"quantity-control extra-qty-control\">\r\n        <button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"numSnacks\">-<\/button>\r\n        <input type=\"number\" id=\"numSnacks\" min=\"0\" value=\"0\" class=\"input-num extra-num\" oninput=\"calcularTotal()\">\r\n        <button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"numSnacks\">+<\/button>\r\n    <\/div>\r\n    <input type=\"checkbox\" id=\"checkSnacks\" onchange=\"calcularTotal()\" style=\"display:none;\"\/>\r\n<\/div>\r\n\r\n<div class=\"extra-item with-qty-row\">\r\n    <div class=\"extra-label-info\">\r\n        <label class=\"extra-label\" for=\"numPonchos\">Almuerzo (<span id=\"precioPonchos\" class=\"price-span\" style=\"color:black;\">$12\/\u20a16000<\/span> c\/u)<\/label>\r\n    <\/div>\r\n    <div class=\"quantity-control extra-qty-control\">\r\n        <button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"numPonchos\">-<\/button>\r\n        <input type=\"number\" id=\"numPonchos\" min=\"0\" value=\"0\" class=\"input-num extra-num\" oninput=\"calcularTotal()\">\r\n        <button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"numPonchos\">+<\/button>\r\n    <\/div>\r\n    <input type=\"checkbox\" id=\"checkPonchos\" onchange=\"calcularTotal()\" style=\"display:none;\"\/>\r\n<\/div>\r\n\r\n<div class=\"extra-item with-qty-row final-extra-row\">\r\n    <div class=\"extra-label-info\">\r\n        <label class=\"extra-label\" for=\"numBinoculares\">Uso de binoculares (<span id=\"precioBinoculares\" class=\"price-span\" style=\"color:black;\">$5<\/span>)<\/label>\r\n    <\/div>\r\n    <div class=\"quantity-control extra-qty-control\">\r\n        <button type=\"button\" class=\"qty-btn minus-btn\" data-target=\"numBinoculares\">-<\/button>\r\n        <input type=\"number\" id=\"numBinoculares\" min=\"0\" value=\"0\" class=\"input-num extra-num\" oninput=\"calcularTotal()\">\r\n        <button type=\"button\" class=\"qty-btn plus-btn\" data-target=\"numBinoculares\">+<\/button>\r\n    <\/div>\r\n    <input type=\"checkbox\" id=\"checkBinoculares\" onchange=\"calcularTotal()\" style=\"display:none;\"\/>\r\n<\/div>\r\n\r\n<p class=\"note\" style=\"display:none; margin-left: 0; margin-top: -5px; margin-bottom: 20px; text-align: left; font-size: 0.85em; width: 100%;\">\r\n    <i>(Solo disponible si NO selecciona el Tour de Perezosos y Aves Tropicales)<\/i>\r\n<\/p>\r\n            <h3 class=\"section-title\">Informaci\u00f3n del cliente<\/h3>\r\n\r\n            <label for=\"nombre\" class=\"form-label\">Nombre completo:<\/label><span id=\"nombre-asterisk\" class=\"field-asterisk\" style=\"display:none\">*<\/span>\r\n            <input type=\"text\" id=\"nombre\" class=\"input\" style=\"margin-bottom:6px;\">\r\n            <span id=\"nombre-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n\r\n            <label for=\"email\" class=\"form-label\">Email:<\/label><span id=\"email-asterisk\" class=\"field-asterisk\" style=\"display:none\">*<\/span>\r\n            <input type=\"email\" id=\"email\" class=\"input\" style=\"margin-bottom:6px;\">\r\n            <span id=\"email-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n\r\n            <label for=\"acompanantes\" class=\"form-label\">Nombres de acompa\u00f1antes: <span id=\"acompanantes-note\" style=\"font-weight:normal; font-size:0.9em; color:#555;\">(Requerido si hay 2 o m\u00e1s viajeros)<\/span><\/label><span id=\"acompanantes-asterisk\" class=\"field-asterisk\" style=\"display:none\">*<\/span>\r\n            <textarea id=\"acompanantes\" class=\"input\" style=\"margin-bottom:12px;\" placeholder=\"Enumera los nombres de los compa\u00f1eros separados por comas\"><\/textarea>\r\n            <span id=\"acompanantes-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n\r\n            <div style=\"margin:10px 0;\">\r\n                <style>\r\n                    #acceptTermsLink {\r\n                        color: #1A237E;\r\n                        font-weight: bold;\r\n                        text-decoration: none;\r\n                        transition: color 0.3s;\r\n                    }\r\n                    #acceptTermsLink:hover {\r\n                        color: #0D1033;\r\n                        text-decoration: underline;\r\n                    }\r\n                <\/style>\r\n                <label>\r\n                    <input type=\"checkbox\" id=\"acceptTerms\" style=\"margin-right:8px;\" onchange=\"clearFieldError(this)\">\r\n                    <span style=\"color:black;\">He le\u00eddo y acepto el <\/span>\r\n                    <a id=\"acceptTermsLink\" href=\"https:\/\/cuilpilapan.com\/es\/terms-and-conditions\/\" target=\"_blank\">T\u00e9rminos y Condiciones<\/a>\r\n                    <span style=\"color:black;\"> y doy mi consentimiento para el uso de mis datos personales para el proceso de reserva.<\/span>\r\n                <\/label>\r\n                <span id=\"terms-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n            <\/div>\r\n\r\n            <h2 style=\"margin-top: 8px; font-size: 28px; color: #333;\">Total: <span id=\"total\" style=\"color:#ff8c00;\">$0<\/span><\/h2>\r\n            <div id=\"discountApplied\" style=\"margin-bottom:8px; font-weight:bold; color:#2d6a4f; display:none;\"><\/div>\r\n            <div id=\"totalAfterDiscount\" style=\"margin-bottom:8px; font-weight:normal; text-decoration:line-through; color:#aaa; display:none;\"><\/div>\r\n\r\n            <div id=\"tilopayDepositNote\" style=\"background: #e6f7ff; border: 1px solid #91d5ff; padding: 10px; border-radius: 5px; margin-top: 10px;\">\r\n                <strong style=\"color: #0056b3;\">NOTA IMPORTANTE:<\/strong> Al reservar, se cobrar\u00e1 un dep\u00f3sito por\r\n                <span id=\"depositAmountDisplay\" style=\"font-weight:bold;\"><\/span> (\u20a17000 local \/ $15 extranjero). El monto restante debe pagarse al llegar.\r\n            <\/div>\r\n\r\n            <div id=\"guiaOpcionalDiv\" style=\"display:none; margin:15px 0;\">\r\n                <label><input type=\"checkbox\" id=\"extraGuia\" onchange=\"calcularTotal()\"> Gu\u00eda opcional (\u20a16000)<\/label>\r\n            <\/div>\r\n\r\n            <div style=\"background:#f9f9f9; padding:15px; border-radius:10px; box-shadow:0 2px 6px rgba(0,0,0,0.1); margin-top:20px;\">\r\n                <b>Recomendaciones:<\/b> Elige el tour que se adapte a tu capacidad f\u00edsica para disfrutar plenamente de la aventura.  \nLleva ropa adecuada, ropa extra, bocadillos, agua para mantenerte hidratado y cualquier medicamento personal si tienes una condici\u00f3n m\u00e9dica.  \nNo dudes en hacer cualquier pregunta.\r\n            <\/div>\r\n\r\n            <div style=\"text-align:center; margin-top:25px;\">\r\n                <button id=\"btnProceed\" onclick=\"onProceedToPayment()\" style=\"background:#ff8c00; color:white; font-size:18px; padding:15px 40px; border:none; border-radius:30px; cursor:pointer; margin-bottom:10px; box-shadow: 0 4px 10px rgba(255, 140, 0, 0.4);\">\r\n                    Proceder a la reserva \/ Proceder al pago\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div id=\"paymentSection\" style=\"display:none; margin-top:25px; border-top:1px solid #eee; padding-top:16px;\">\r\n                <h3 class=\"section-title\" style=\"font-size:20px;\">Seleccione su m\u00e9todo de pago \/ Select payment method<\/h3>\r\n                \r\n                <div style=\"display:flex; flex-direction:column; gap:12px;\">\r\n\r\n                    <label style=\"display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #ddd; border-radius:10px; cursor:pointer; transition:transform 0.2s; background:#fafafa;\">\r\n                        <input type=\"radio\" name=\"paymentMethod\" value=\"tarjeta\" onchange=\"onPaymentMethodChange()\" style=\"transform:scale(1.3); margin-right:6px;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg\"\r\n                            alt=\"Tilopay\" width=\"50\" height=\"50\" style=\"border-radius:8px; transition:transform 0.3s;\">\r\n                        <span style=\"font-size:16px;\">Tarjeta de Cr\u00e9dito\/D\u00e9bito (Tilopay) - Solo Dep\u00f3sito<\/span>\r\n                    <\/label>\r\n\r\n                    <label style=\"display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #ddd; border-radius:10px; cursor:pointer; transition:transform 0.2s; background:#fafafa;\">\r\n                        <input type=\"radio\" name=\"paymentMethod\" value=\"simpe\" onchange=\"onPaymentMethodChange()\" style=\"transform:scale(1.3); margin-right:6px;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.57.36-PM.jpeg\"\r\n                            alt=\"Simpe M\u00f3vil\" width=\"50\" height=\"50\" style=\"border-radius:8px; transition:transform 0.3s;\">\r\n                        <span style=\"font-size:16px;\">Simpe M\u00f3vil - Solo Dep\u00f3sito (o pago completo)<\/span>\r\n                    <\/label>\r\n\r\n                    <label style=\"display:flex; align-items:center; gap:10px; padding:10px; border:1px solid #ddd; border-radius:10px; cursor:pointer; transition:transform 0.2s; background:#fafafa;\">\r\n                        <input type=\"radio\" name=\"paymentMethod\" value=\"binance\" onchange=\"onPaymentMethodChange()\" style=\"transform:scale(1.3); margin-right:6px;\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.56.45-PM.jpeg\"\r\n                            alt=\"Binance\" width=\"50\" height=\"50\" style=\"border-radius:8px; transition:transform 0.3s;\">\r\n                        <span style=\"font-size:16px;\">Pago Binance (USDT) - Solo Dep\u00f3sito (o pago completo)<\/span>\r\n                    <\/label>\r\n                <\/div>\r\n\r\n<style>\r\n#paymentSection label:hover {\r\ntransform: scale(1.03);\r\nbackground: #fffbe6;\r\nbox-shadow: 0 2px 6px rgba(0,0,0,0.1);\r\n}\r\n#paymentSection img:hover {\r\ntransform: scale(1.1) rotate(3deg);\r\n}\r\n<\/style>\r\n\r\n<div id=\"paymentDetails\" style=\"margin-top:12px;\"><\/div>\r\n\r\n<div id=\"tilopayButtonContainer\" style=\"text-align:center; margin-top:20px; display:none;\">\r\n<button type=\"button\" onclick=\"handleCardPayment()\"\r\n                        style=\"                            background-color: #007bff;                            color: white;                            padding: 15px 30px;                            border: none;                            border-radius: 5px;                            font-size: 18px;                            cursor: pointer;                            box-shadow: 0 4px 6px rgba(0,0,0,0.1);                            transition: background-color 0.3s;                        \"\r\n                        onmouseover=\"this.style.backgroundColor='#0056b3'\"\r\n                        onmouseout=\"this.style.backgroundColor='#007bff'\"\r\n                    >\r\n                        \ud83d\udcb3 Pagar dep\u00f3sito ahora con tarjeta.\r\n                    <\/button>\r\n                    <p style=\"margin-top:10px; font-size:0.9em; color:#555;\">Ser\u00e1s redirigido a la pasarela de pago Tilopay en esta pesta\u00f1a.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\/* Estilos Globales *\/\r\n.input, textarea, select { width:100%; padding:10px; margin:3px 0; border:1px solid #ddd; border-radius:8px; display:block; box-sizing: border-box; }\r\n\r\n\/* 1. ESTILO PARA DESHABILITAR D\u00cdAS ANTERIORES EN EL CALENDARIO *\/\r\ninput[type=\"date\"] { font-family: inherit; color: #333; }\r\n\/* MEJORA 1: Estilo para d\u00edas inv\u00e1lidos en Safari\/iOS *\/\r\ninput[type=\"date\"]:not([value=\"\"]):invalid { box-shadow: 0 0 5px rgba(231,76,60,0.6); }\r\n\r\n.input-num { width: 40px; text-align: center; border: none; padding: 0; -moz-appearance: textfield; }\r\n.input-num::-webkit-inner-spin-button, .input-num::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }\r\n\r\n.form-label { display:block; margin-bottom:6px; font-weight: 500; color: #333; }\r\n.note { font-size:0.9em; color:#555; margin:3px 0 5px 0; }\r\n.section-title { margin-top:20px; margin-bottom:10px; font-size:24px; color:#555; border-bottom: 2px solid #ddd; padding-bottom: 5px; }\r\n.section-note { margin-top:8px; margin-bottom:15px; font-weight:normal; color:#444; font-size:16px; }\r\n\r\n\/* Traveler Quantity Controls - REESTRUCTURADO PARA ESTILO ORIGINAL HORIZONTAL *\/\r\n.traveler-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; padding: 10px 0; border-bottom: 1px solid #eee; }\r\n.traveler-row:last-child { border-bottom: none; margin-bottom: 0; }\r\n.traveler-info { display: flex; align-items: center; } \/* Contenedor para label y descuento *\/\r\n.traveler-label { font-size: 16px; color: #333; display: flex; align-items: center; gap: 10px; margin-right: 15px; }\r\n.quantity-control { display: flex; align-items: center; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }\r\n.qty-btn { background: #f7f7f7; border: none; color: #555; padding: 8px 10px; cursor: pointer; font-weight: bold; font-size: 16px; transition: background 0.2s; line-height: 1; height: 36px; box-sizing: border-box; }\r\n.qty-btn:hover { background: #eee; color: #000; }\r\n.qty-btn:active { background: #ddd; }\r\n.input-num { padding: 8px 0; height: 36px; box-sizing: border-box; font-size: 16px; }\r\n\r\n\/* Discount Tags (Mantiene el estilo verde) *\/\r\n.discount-tag { background: #e9f5e9; color: #2E7D32; padding: 3px 8px; border-radius: 10px; font-size: 14px; font-weight: bold; margin-left: 0; white-space: nowrap; }\r\n\r\n\r\n\/* Extras with Quantity - REESTRUCTURADO PARA ESTILO TRAVELERS (MEJORA SOLICITADA) *\/\r\n\/* Contenedor principal para cada extra: similar a .traveler-row *\/\r\n.extra-item {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-start; \/* Alineaci\u00f3n arriba para que las notas no muevan el control *\/\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid #eee;\r\n}\r\n.extra-item.final-extra-row { border-bottom: none; }\r\n.extra-label-info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n    margin-right: 15px;\r\n}\r\n.extra-label { \r\n    font-size: 16px; \r\n    color: #333; \r\n    display: flex; \r\n    align-items: center; \r\n    margin-bottom: 0; \r\n}\r\n.extra-label input[type=\"checkbox\"] { \r\n    width: auto; \r\n    margin-right: 10px; \r\n}\r\n.extra-item .note { \r\n    margin-left: 25px; \/* Alineaci\u00f3n con el texto del label *\/\r\n    margin-top: 2px;\r\n    margin-bottom: 0; \r\n    font-size: 0.85em;\r\n}\r\n\r\n\r\n.price-span { font-weight: bold; color: #000; }\r\n.extra-qty-control { margin-left: 0; }\r\n.extra-num { width: 40px !important; }\r\n\r\n\/* Error visual *\/\r\n.invalid-field { border-color:#e74c3c !important; box-shadow: 0 0 4px rgba(231,76,60,0.4); }\r\n.field-error { color:#e74c3c; font-size:0.9em; display:block; margin-top:4px; }\r\n.field-asterisk { color:#e74c3c; font-weight:bold; margin-left:6px; font-size:1.2em; vertical-align:middle; }\r\n\r\n\/* Small helper for payment details box *\/\r\n#paymentDetails { background:#fafafa; padding:12px; border-radius:8px; border:1px dashed #ddd; margin-top:10px; }\r\n.payment-note { background:#fff3cd; padding:10px; border-radius:6px; margin-bottom:8px; border:1px solid #ffeeba; }\r\n.action-btn { display:inline-block; margin:6px 6px 0 0; padding:10px 14px; border-radius:8px; text-decoration:none; cursor:pointer; }\r\n.btn-green { background:#25d366; color:#fff; }\r\n.btn-blue { background:#0072c6; color:#fff; }\r\n.btn-gray { background:#6c757d; color:#fff; }\r\n<\/style>\r\n\r\n<script>\r\n\/* ---------- Helpers and state (Mantener sin cambios) ---------- *\/\r\nlet currentButton = null;\r\nconst CR_OFFSET_MINUTES = -6 * 60; \/\/ Costa Rica UTC-6 => -360 minutes\r\nconst ADMIN_WHATSAPP = '50660110640';\r\nconst ADMIN_EMAIL = 'contacto@cuilpilapan.com'; \/\/ Correo para recibir notificaciones\r\n\r\n\/\/ CONFIGURACI\u00d3N DE TILOPAY\r\nconst TILO_LINK_COLONES = 'https:\/\/tp.cr\/l\/MTYyMTQ3';\r\nconst DEPOSIT_COLONES = 7000;\r\nconst TILO_LINK_USD = 'https:\/\/tp.cr\/l\/MTYyMTQ4';\r\nconst DEPOSIT_USD = 15.00;\r\n\r\nconst RETURN_URL = 'https:\/\/cuilpilapan.com\/payment-success\/';\r\nconst SAVE_URL = '\/save_pending_reservation.php'; \/\/ URL para guardar la reserva antes de redirigir\r\nconst SEND_BOOKING_URL = '\/send_booking.php'; \/\/ URL para Simpe\/Binance\r\n\r\n\/\/ Simpe \/ Binance details\r\nconst SIMPE_PHONE = '60110640';\r\nconst SIMPE_NAME = 'Cuipilapan Sociedad Civil';\r\nconst BINANCE_ID = '450335940';\r\n\r\n\/\/ localStorage key to persist reservation data *after* redirection to Tilopay\r\nconst STORAGE_KEY = 'reservaCuilpilapan_v1';\r\nlet _lastComputed = {}; \/\/ Almacena el \u00faltimo c\u00e1lculo para el env\u00edo PHP\r\n\r\n\/**\r\n * Genera una referencia de pedido \u00fanica.\r\n * Formato: CUP-AAAAMMDD-RANDOM\r\n *\/\r\nfunction generateOrderReference() {\r\n    const date = new Date();\r\n    const dateStr = date.getFullYear().toString() +\r\n                    (date.getMonth() + 1).toString().padStart(2, '0') +\r\n                    date.getDate().toString().padStart(2, '0');\r\n    const randomStr = Math.random().toString(36).substring(2, 7).toUpperCase();\r\n    \/\/ Usamos \"CUP\" + la fecha + un random para la referencia que enviamos a Tilopay\r\n    return `CUP-${dateStr}-${randomStr}`;\r\n}\r\n\r\nfunction formatCurrency(amount, tipo) {\r\n    if (tipo === 'nacional') {\r\n        return '\u20a1' + Math.round(amount);\r\n    } else {\r\n        return '$' + Number(amount).toFixed(2);\r\n    }\r\n}\r\n\r\n\/* ---------- small UI helpers for errors (Mantener sin cambios) ---------- *\/\r\nfunction showFieldError(inputEl, message) {\r\n    if (!inputEl) return;\r\n    inputEl.classList.add('invalid-field');\r\n\r\n    \/\/ error span\r\n    const errId = inputEl.id + '-error';\r\n    let err = document.getElementById(errId);\r\n    if (!err) {\r\n        err = document.createElement('span');\r\n        err.id = errId;\r\n        err.className = 'field-error';\r\n        inputEl.parentNode.insertBefore(err, inputEl.nextSibling);\r\n    }\r\n    err.innerText = message;\r\n    err.style.display = 'block';\r\n\r\n    \/\/ asterisk\r\n    const starId = inputEl.id + '-asterisk';\r\n    let star = document.getElementById(starId);\r\n    if (!star) {\r\n        star = document.createElement('span');\r\n        star.id = starId;\r\n        star.className = 'field-asterisk';\r\n        star.innerText = '*';\r\n        \/\/ try to insert near the label if exists\r\n        const label = document.querySelector('label[for=\"' + inputEl.id + '\"]');\r\n        if (label && label.parentNode) {\r\n            label.parentNode.insertBefore(star, label.nextSibling);\r\n        } else {\r\n            \/\/ fallback: insert before input\r\n            inputEl.parentNode.insertBefore(star, inputEl);\r\n        }\r\n    }\r\n    star.style.display = 'inline';\r\n}\r\n\r\nfunction clearFieldError(inputEl) {\r\n    if (!inputEl) return;\r\n    inputEl.classList.remove('invalid-field');\r\n    const err = document.getElementById(inputEl.id + '-error');\r\n    if (err) { err.style.display = 'none'; err.innerText = ''; }\r\n    const star = document.getElementById(inputEl.id + '-asterisk');\r\n    if (star) star.style.display = 'none';\r\n}\r\n\r\n\/* ---------- Open \/ Close (Mantener sin cambios) ---------- *\/\r\nfunction openBookingForm(button) {\r\n    currentButton = button;\r\n    document.getElementById('bookingModal').style.display = 'block';\r\n    document.getElementById('tourTitle').innerText = button.getAttribute('data-tour') || 'Tour';\r\n    document.getElementById('tourDesc').innerText = button.getAttribute('data-desc') || '';\r\n\r\n    \/\/ 1. Aplicar restricci\u00f3n de calendario al abrir el modal\r\n    applyDateRestriction();\r\n\r\n    \/\/ reset UI errors and values if desired\r\n    clearAllFieldErrors();\r\n\r\n    \/\/ hide payment section\r\n    document.getElementById('paymentSection').style.display = 'none';\r\n    document.getElementById('paymentDetails').innerHTML = '';\r\n    document.getElementById('tilopayButtonContainer').style.display = 'none';\r\n\r\n    \/\/ Reset radio buttons\r\n    const radios = document.getElementsByName('paymentMethod');\r\n    for (let r of radios) r.checked = false;\r\n\r\n    document.getElementById('btnProceed').style.display = 'inline-block';\r\n\r\n    \/\/ Vuelva a calcular cuando se abre para obtener los precios correctos\r\n    calcularTotal();\r\n}\r\n\r\nfunction closeBookingForm() {\r\n    document.getElementById('bookingModal').style.display = 'none';\r\n}\r\n\r\n\/* 1. L\u00d3GICA DE CALENDARIO: Restringir fechas anteriores al d\u00eda actual (Costa Rica) *\/\r\nfunction applyDateRestriction() {\r\n    const fechaEl = document.getElementById('fecha');\r\n    if (!fechaEl) return;\r\n\r\n    \/\/ Calcular la fecha de hoy en Costa Rica (UTC-6)\r\n    const now = new Date();\r\n    const localOffsetMin = now.getTimezoneOffset(); \/\/ Offset local en minutos\r\n    const utcNowMs = now.getTime() + (localOffsetMin * 60000);\r\n    const crNowMs = utcNowMs + (CR_OFFSET_MINUTES * 60000);\r\n    const crToday = new Date(crNowMs);\r\n        \r\n    \/\/ Formatear a YYYY-MM-DD\r\n    const year = crToday.getFullYear();\r\n    const month = (crToday.getMonth() + 1).toString().padStart(2, '0');\r\n    const day = crToday.getDate().toString().padStart(2, '0');\r\n    const minDate = `${year}-${month}-${day}`;\r\n\r\n    \/\/ Establecer la fecha m\u00ednima para navegadores compatibles (Android, Desktop)\r\n    fechaEl.min = minDate;\r\n    \r\n    \/\/ MEJORA 1: A\u00f1adir un listener para validar en iOS\/navegadores que no respetan 'min'\r\n    fechaEl.addEventListener('change', function() {\r\n        const selectedDate = new Date(this.value);\r\n        \/\/ Crear una fecha de referencia de hoy a medianoche UTC\r\n        const todayRef = new Date(Date.UTC(crToday.getFullYear(), crToday.getMonth(), crToday.getDate()));\r\n\r\n        if (selectedDate < todayRef) {\r\n            \/\/ El d\u00eda seleccionado es anterior a hoy (Costa Rica)\r\n            this.setCustomValidity('The selected date cannot be in the past \/ La fecha seleccionada no puede ser anterior a hoy.');\r\n            this.classList.add('invalid-field');\r\n            showFieldError(this, 'The selected date cannot be in the past \/ La fecha seleccionada no puede ser anterior a hoy.');\r\n        } else {\r\n            this.setCustomValidity(''); \/\/ Limpiar el mensaje de error del navegador\r\n            clearFieldError(this);\r\n        }\r\n    });\r\n}\r\n\r\n\/* ---------- When visitor type changes (Mantener sin cambios) ---------- *\/\r\nfunction onVisitorTypeChange(){\r\n    const tipo = document.getElementById('tipoVisitante').value;\r\n    document.getElementById('guideLanguageDiv').style.display = (tipo === 'extranjero') ? 'block' : 'none';\r\n    calcularTotal();\r\n}\r\n\r\n\/* ---------- Core calculation (uses currentButton data-* prices) (C\u00d3DIGO COMPLETO) ---------- *\/\r\nfunction calcularTotal() {\r\n    if (!currentButton) return;\r\n\r\n    \/\/ get visitor type (if empty, temporarily treat as 'nacional' for price display)\r\n    let tipo = document.getElementById('tipoVisitante').value;\r\n    if (!tipo) tipo = 'nacional';\r\n\r\n    \/\/ travelers\r\n    let adultos = parseInt(document.getElementById('adultos').value) || 0;\r\n    let ninos = parseInt(document.getElementById('ninos').value) || 0;\r\n    let bebes = parseInt(document.getElementById('bebes').value) || 0;\r\n    let totalViajeros = adultos + ninos + bebes;\r\n    document.getElementById('totalTravelers').innerText = totalViajeros;\r\n\r\n    \/\/ base prices from data-* attributes on the button\r\n    let precioAdultoNac = parseFloat(currentButton.getAttribute('data-precio-adulto-nacional')) || 0;\r\n    let precioAdultoExt = parseFloat(currentButton.getAttribute('data-precio-adulto-extranjero')) || 0;\r\n    let precioAdulto = (tipo === 'nacional') ? precioAdultoNac : precioAdultoExt;\r\n    let precioNino = precioAdulto ;\r\n\r\n    \/\/ extras unit prices (local vs foreign)\r\n    let precioExtraPerezoso = (tipo === 'nacional') ? 3500 : 10;\r\n    let precioAgua = (tipo === 'nacional') ? 600 : 2;\r\n    let precioToallas = (tipo === 'nacional') ? 1000 : 2;\r\n    let precioSnacks = (tipo === 'nacional') ? 8000 : 20;\r\n    let precioPonchos = (tipo === 'nacional') ? 6000 : 12.9;\r\n    let precioBinoculares = (tipo === 'nacional') ? 2000 : 5;\r\n\r\n    \/\/ quantities & selections\r\n    let extraPerezoso = document.getElementById('extraPerezoso').checked;\r\n    let botellasAgua = parseInt(document.getElementById('botellasAgua').value) || 0;\r\n    let numToallas = parseInt(document.getElementById('numToallas').value) || 0;\r\n    let numSnacks = parseInt(document.getElementById('numSnacks').value) || 0;\r\n    let numPonchos = parseInt(document.getElementById('numPonchos').value) || 0;\r\n    let numBinoculares = parseInt(document.getElementById('numBinoculares').value) || 0;\r\n    let guiaOpcional = document.getElementById('extraGuia')?.checked || false;\r\n\r\n    \/\/ start total with ticket prices (babies free)\r\n    let total = (adultos * precioAdulto) + (ninos * precioNino);\r\n\r\n    \/\/ extras\r\n    if (extraPerezoso) {\r\n        total += (adultos + ninos) * precioExtraPerezoso;\r\n    }\r\n    total += botellasAgua * precioAgua;\r\n    total += numToallas * precioToallas;\r\n    total += numSnacks * precioSnacks;\r\n    total += numPonchos * precioPonchos;\r\n\r\n    \/\/ Logic: Binoculars only available if Sloth Tour is NOT selected\r\n    if (numBinoculares > 0 && !extraPerezoso) {\r\n        total += numBinoculares * precioBinoculares;\r\n    } else if (extraPerezoso) {\r\n        \/\/ Force binocular quantity to 0 if sloth tour is checked\r\n        document.getElementById('numBinoculares').value = 0;\r\n    }\r\n    \r\n    if (guiaOpcional) total += (tipo === 'nacional' ? 10000 : 0); \/\/ Gu\u00eda Opcional: \u20a110000 (asumo solo para nacionales)\r\n\r\n    \/\/ A. Descuento por cantidad de viajeros (Solo 10% para 10+ personas)\r\nlet groupDiscount = 0;\r\nif (totalViajeros >= 10) {\r\n    groupDiscount = 10; \r\n}\r\n\r\n    \/\/ B. Descuento por anticipaci\u00f3n (ELIMINADO)\r\nlet earlyDays = 0;\r\nlet earlyDiscount = 0;\r\n    \r\n    \/\/ C. Descuento total (Solo queda el de grupo)\r\nlet totalDiscountPercent = groupDiscount;\r\n\r\n    \/\/ Guardamos el total bruto (RAW TOTAL)\r\n    let rawTotal = total;\r\n\r\n    \/\/ aplicamos descuento\r\n    let discountedTotal = total;\r\n    let discountText = '';\r\n    if (totalDiscountPercent > 0) {\r\n        discountedTotal = total * (1 - totalDiscountPercent \/ 100);\r\n        discountText = `\ud83d\udcb0 Discount Applied: ${totalDiscountPercent}% (Group: ${groupDiscount}%, Early: ${earlyDiscount}%, Additional: ${additionalDiscount}%)`;\r\n    }\r\n\r\n    \/\/ Redondear a n\u00fameros enteros para colones (ya que Tilopay lo requiere entero)\r\n    if (tipo === 'nacional') {\r\n        rawTotal = Math.ceil(rawTotal);\r\n        discountedTotal = Math.ceil(discountedTotal);\r\n    }\r\n\r\n    \/\/ ----------------------------------------------------\r\n    \/\/ VISUALIZACI\u00d3N EN EL FORMULARIO (HTML)\r\n    \/\/ ----------------------------------------------------\r\n\r\n    document.getElementById('total').innerText = formatCurrency(discountedTotal, tipo);\r\n\r\n    if (totalDiscountPercent > 0) {\r\n        document.getElementById('discountApplied').style.display = 'block';\r\n        document.getElementById('discountApplied').innerText = discountText;\r\n\r\n        document.getElementById('totalAfterDiscount').style.display = 'block';\r\n        document.getElementById('totalAfterDiscount').innerText = `Total before discount: ${formatCurrency(rawTotal, tipo)}`;\r\n    } else {\r\n        document.getElementById('discountApplied').style.display = 'none';\r\n        document.getElementById('totalAfterDiscount').style.display = 'none';\r\n    }\r\n\r\n    document.getElementById('discountNote').style.display = (totalViajeros >= 6 || earlyDays >= 7) ? 'block' : 'none';\r\n\r\n    \/\/ show\/hide guiaOpcionalDiv\r\n    if (tipo === 'nacional' && totalViajeros < 4) {\r\n        document.getElementById('guiaOpcionalDiv').style.display = 'block';\r\n    } else {\r\n        document.getElementById('guiaOpcionalDiv').style.display = 'none';\r\n        document.getElementById('extraGuia').checked = false; \/\/ Desactivar si se oculta\r\n    }\r\n\r\n    \/\/ update unit-price labels\r\n    document.getElementById('precioPerezoso').innerText = formatCurrency(precioExtraPerezoso, tipo);\r\n    document.getElementById('precioAgua').innerText = formatCurrency(precioAgua, tipo);\r\n    document.getElementById('precioToallas').innerText = formatCurrency(precioToallas, tipo);\r\n    document.getElementById('precioSnacks').innerText = formatCurrency(precioSnacks, tipo);\r\n    document.getElementById('precioPonchos').innerText = formatCurrency(precioPonchos, tipo);\r\n    document.getElementById('precioBinoculares').innerText = formatCurrency(precioBinoculares, tipo);\r\n\r\n    \/\/ 2. Actualizar la nota de dep\u00f3sito\r\n    const depositDisplayEl = document.getElementById('depositAmountDisplay');\r\n    const depositAmountText = tipo === 'nacional' ? formatCurrency(DEPOSIT_COLONES, 'nacional') : formatCurrency(DEPOSIT_USD, 'extranjero');\r\n    if (depositDisplayEl) {\r\n        depositDisplayEl.innerText = depositAmountText;\r\n    }\r\n    \/\/ Actualizar la nota importante para reflejar el tipo y el monto\r\n    const tilopayNoteEl = document.getElementById('tilopayDepositNote');\r\n    if (tilopayNoteEl) {\r\n        tilopayNoteEl.innerHTML = `<strong style=\"color: #0056b3;\">IMPORTANT NOTE:<\/strong> When booking, a deposit will be charged for \r\n            <span id=\"depositAmountDisplay\" style=\"font-weight:bold;\">${depositAmountText}<\/span>. The remaining amount must be canceled upon arrival.`;\r\n    }\r\n\r\n\r\n    \/\/ store computed numeric totals for PHP and Tilopay\r\n    _lastComputed = {\r\n        rawTotal: rawTotal,\r\n        discountPercent: totalDiscountPercent,\r\n        discountedTotal: discountedTotal,\r\n        currencyType: tipo\r\n    };\r\n}\r\n\r\n\/* ---------- Validation and UI helpers (C\u00d3DIGO MODIFICADO) ---------- *\/\r\nfunction clearAllFieldErrors() {\r\n    const ids = ['fecha','hora','tipoVisitante','guideLanguage','nombre','email','acompanantes','acceptTerms'];\r\n    ids.forEach(id => {\r\n        const el = document.getElementById(id);\r\n        if (el) clearFieldError(el);\r\n    });\r\n    const termsErr = document.getElementById('terms-error');\r\n    if(termsErr) termsErr.style.display = 'none';\r\n}\r\n\r\nfunction validateAll() {\r\n    clearAllFieldErrors();\r\n    let valid = true;\r\n\r\n    \/\/ travelers\r\n    const adultos = parseInt(document.getElementById('adultos').value) || 0;\r\n    const ninos = parseInt(document.getElementById('ninos').value) || 0;\r\n    const bebes = parseInt(document.getElementById('bebes').value) || 0;\r\n    const totalViajeros = adultos + ninos + bebes;\r\n\r\n    \/\/ VALIDACION 1: M\u00ednimo de 1 viajero (MODIFICADO DE 2 A 1)\r\n    if (totalViajeros < 1) {\r\n        const adultosEl = document.getElementById('adultos');\r\n        showFieldError(adultosEl, 'Minimum 1 traveler required \/ Se requiere m\u00ednimo 1 viajero');\r\n        valid = false;\r\n    }\r\n\r\n    \/\/ name\r\n    const nombreEl = document.getElementById('nombre');\r\n    const nombre = (nombreEl.value || '').trim();\r\n    if (!nombre) { showFieldError(nombreEl, 'Please enter full name \/ Por favor ingrese su nombre completo'); valid = false; }\r\n\r\n    \/\/ email\r\n    const emailEl = document.getElementById('email');\r\n    const email = (emailEl.value || '').trim();\r\n    const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n    if (!email) { showFieldError(emailEl, 'Please enter email address \/ Por favor ingrese su correo'); valid = false; }\r\n    else if (!emailRegex.test(email)) { showFieldError(emailEl, 'Please enter a valid email address \/ Por favor ingrese un correo v\u00e1lido'); valid = false; }\r\n\r\n    \/\/ visitor type\r\n    const tipoEl = document.getElementById('tipoVisitante');\r\n    const tipo = tipoEl.value;\r\n    if (!tipo) { showFieldError(tipoEl, 'Please select visitor type \/ Seleccione tipo de visitante'); valid = false; }\r\n\r\n    \/\/ if extranjero -> guide language required\r\n    if (tipo === 'extranjero') {\r\n        const glEl = document.getElementById('guideLanguage');\r\n        const glVal = (glEl.value || '').trim();\r\n        if (!glVal) { showFieldError(glEl, 'Please select the guide language \/ Seleccione idioma del gu\u00eda'); valid = false; }\r\n    }\r\n\r\n    \/\/ date\r\n    const fechaEl = document.getElementById('fecha');\r\n    const fechaVal = fechaEl.value;\r\n    \/\/ La validaci\u00f3n de fecha antigua se ejecuta en applyDateRestriction\/change listener, aqu\u00ed solo revisamos si est\u00e1 vac\u00eda.\r\n    if (!fechaVal) { showFieldError(fechaEl, 'Please select a valid date \/ Por favor seleccione una fecha'); valid = false; }\r\n    \/\/ Volvemos a ejecutar la validaci\u00f3n de fecha para asegurarnos de que el customValidity est\u00e9 bien\r\n    if (fechaEl.customValidity && fechaEl.customValidity !== '') {\r\n        showFieldError(fechaEl, fechaEl.customValidity);\r\n        valid = false;\r\n    }\r\n\r\n\r\n    \/\/ time\r\n    const horaEl = document.getElementById('hora');\r\n    const horaVal = horaEl.value;\r\n    if (!horaVal) { showFieldError(horaEl, 'Please select a valid time \/ Por favor seleccione una hora'); valid = false; }\r\n\r\n    \/\/ VALIDACION 2: Nombres de acompa\u00f1antes OBLIGATORIO si son 2 o m\u00e1s viajeros\r\n    const acompEl = document.getElementById('acompanantes');\r\n    const acompVal = (acompEl.value || '').trim();\r\n    if (totalViajeros >= 2 && acompVal.length < 3) {\r\n        showFieldError(acompEl, 'Please list companion names when there are 2 or more people \/ Por favor liste los acompa\u00f1antes cuando hay 2 o m\u00e1s personas.');\r\n        valid = false;\r\n    }\r\n\r\n\r\n    \/\/ terms checkbox required\r\n    const accept = document.getElementById('acceptTerms');\r\n    if (!accept || !accept.checked) {\r\n        const termsErr = document.getElementById('terms-error');\r\n        termsErr.innerText = 'Debe aceptar los T\u00e9rminos y Condiciones y el uso de datos antes de continuar \/ You must accept Terms & Conditions and data usage.';\r\n        termsErr.style.display = 'block';\r\n        valid = false;\r\n    }\r\n\r\n    return valid;\r\n}\r\n\r\n\/* ---------- Gather form data for submission\/storage (Mantener sin cambios) ---------- *\/\r\nfunction gatherFormData() {\r\n    const tour = document.getElementById('tourTitle').innerText;\r\n    const nombre = document.getElementById('nombre').value.trim();\r\n    const fecha = document.getElementById('fecha').value;\r\n    const hora = document.getElementById('hora').value;\r\n    const tipo = document.getElementById('tipoVisitante').value;\r\n    const email = document.getElementById('email').value || 'N\/A';\r\n    const adultos = document.getElementById('adultos').value || '0';\r\n    const ninos = document.getElementById('ninos').value || '0';\r\n    const bebes = document.getElementById('bebes').value || '0';\r\n    const acompanantes = document.getElementById('acompanantes').value || '';\r\n    const guideLang = document.getElementById('guideLanguage').value || '';\r\n    const total = document.getElementById('total').innerText || '';\r\n    const discountText = document.getElementById('discountApplied').innerText || '';\r\n    const totalAfter = document.getElementById('totalAfterDiscount').innerText || '';\r\n    \/\/ No usamos 'comentarios' por ahora ya que no hay campo, pero se deja para el futuro.\r\n    const comentarios = '';\r\n\r\n    \/\/ extras array\r\n    let extrasArr = [];\r\n    if (document.getElementById('extraPerezoso')?.checked) extrasArr.push('Sloth & Tropical Birds Tour');\r\n    if ((parseInt(document.getElementById('botellasAgua')?.value) || 0) > 0) extrasArr.push('Bottled Water (' + document.getElementById('botellasAgua').value + ')');\r\n    if ((parseInt(document.getElementById('numToallas')?.value) || 0) > 0) extrasArr.push('Towels (' + document.getElementById('numToallas').value + ')');\r\n    if ((parseInt(document.getElementById('numSnacks')?.value) || 0) > 0) extrasArr.push('Alquiler de Bicicleta (' + document.getElementById('numSnacks').value + ')');\r\n    if ((parseInt(document.getElementById('numPonchos')?.value) || 0) > 0) extrasArr.push('Almuerzo (' + document.getElementById('numPonchos').value + ')');\r\n    if ((parseInt(document.getElementById('numBinoculares')?.value) || 0) > 0 && !document.getElementById('extraPerezoso')?.checked) extrasArr.push('Binoculars (' + document.getElementById('numBinoculares').value + ')');\r\n    if (document.getElementById('extraGuia')?.checked) extrasArr.push('Optional Guide (\u20a16000)');\r\n    const extrasText = extrasArr.length ? extrasArr.join('\\n- ') : 'None';\r\n\r\n    \/\/ also include computed numeric totals if available\r\n    const computed = _lastComputed || {};\r\n    return {\r\n        tour, nombre, fecha, hora, tipo, email, adultos, ninos, bebes, acompanantes, guideLang, total, extrasText, discountText, totalAfter, comentarios,\r\n        rawTotal: computed.rawTotal || null,\r\n        discountedTotal: computed.discountedTotal || null,\r\n        currencyType: computed.currencyType || (document.getElementById('tipoVisitante').value || 'nacional')\r\n    };\r\n}\r\n\r\n\/* ---------- Proceed to payment (shows payment method options) (Mantener sin cambios) ---------- *\/\r\nfunction onProceedToPayment() {\r\n    \/\/ validate\r\n    if (!validateAll()) {\r\n        const firstInvalid = document.querySelector('.invalid-field');\r\n        if (firstInvalid) firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n        return;\r\n    }\r\n    \/\/ show payment area\r\n    document.getElementById('paymentSection').style.display = 'block';\r\n    \/\/ hide proceed button to avoid duplicate\r\n    document.getElementById('btnProceed').style.display = 'none';\r\n\r\n    \/\/ Scroll payment section into view\r\n    document.getElementById('paymentSection').scrollIntoView({behavior: 'smooth', block: 'center'});\r\n\r\n    \/\/ Force run change handler to display details for selected (if any)\r\n    onPaymentMethodChange();\r\n}\r\n\r\n\/* ---------- Save reservation to server (for webhook) - \u00a1MODIFICADA! ---------- *\/\r\nfunction persistReservation(formData, paymentMethodLabel, orderReference, depositAmount, depositCurrency) {\r\n    const payload = Object.assign({}, formData, {\r\n        paymentMethod: paymentMethodLabel,\r\n        orderReference: orderReference,\r\n        depositAmount: depositAmount, \/\/ Se\u00f1a (monto a pagar en Tilopay)\r\n        depositCurrency: depositCurrency, \/\/ Moneda de la se\u00f1a\r\n        savedAt: new Date().toISOString()\r\n    });\r\n\r\n    \/\/ Guardar localmente solo para la p\u00e1gina de \u00e9xito, si la queremos usar de fallback.\r\n    try {\r\n        localStorage.setItem(STORAGE_KEY, JSON.stringify(payload));\r\n    } catch (e) {\r\n        console.error('Error saving reservation to localStorage (continuando con server)', e);\r\n    }\r\n\r\n    \/\/ 2. Guardar en el servidor (para que el webhook lo encuentre)\r\n    \/\/ Usamos async\/await para forzar que el guardado ocurra antes de la redirecci\u00f3n\r\n    return fetch(SAVE_URL, {\r\n        method: 'POST',\r\n        headers: { 'Content-Type': 'application\/json' },\r\n        body: JSON.stringify(payload)\r\n    })\r\n    .then(response => response.json())\r\n    .then(data => {\r\n        if (!data.success) {\r\n            console.error('Error: La reserva NO se guard\u00f3 en el servidor:', data.message);\r\n            return false; \/\/ Bloquea la compra si no se guarda en el servidor\r\n        }\r\n        console.log(\"Reserva guardada en el servidor con \u00e9xito:\", orderReference);\r\n        return true;\r\n    })\r\n    .catch(error => {\r\n        console.error('Error de red al guardar en el servidor:', error);\r\n        return false;\r\n    });\r\n}\r\n\r\n\r\n\/* ---------- FUNCI\u00d3N DE PAGO CON TARJETA - \u00a1MODIFICADA! ---------- *\/\r\nasync function handleCardPayment() {\r\n    \/\/ 1. Re-validar los datos por seguridad\r\n    if (!validateAll()) {\r\n        alert('Please complete all form data correctly before proceeding to payment. \/ Por favor, complete todos los datos del formulario correctamente antes de pagar.');\r\n        const firstInvalid = document.querySelector('.invalid-field');\r\n        if (firstInvalid) firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n        return;\r\n    }\r\n\r\n    const btn = document.querySelector('#tilopayButtonContainer button');\r\n    btn.disabled = true;\r\n    const originalText = btn.innerText;\r\n    btn.innerText = 'Saving reservation... \/ Guardando reserva...';\r\n\r\n    const reservationData = gatherFormData();\r\n\r\n    \/\/ 2. Generar Referencia \u00danica\r\n    reservationData.orderReference = generateOrderReference(); \/\/ Usaremos este valor como 'reference' en Tilopay\r\n\r\n    \/\/ 3. Obtener el monto de SE\u00d1A y configurar la moneda\r\n    const isUSD = reservationData.currencyType !== 'nacional';\r\n\r\n    let tilopayAmount;\r\n    let tilopayCurrency;\r\n    let tilopayLink;\r\n\r\n    if (isUSD) {\r\n        \/\/ Extranjeros: Se\u00f1a fija de $15.00 USD\r\n        tilopayAmount = DEPOSIT_USD.toFixed(2);\r\n        tilopayCurrency = 'USD';\r\n        tilopayLink = TILO_LINK_USD;\r\n    } else {\r\n        \/\/ Nacionales: Se\u00f1a fija de \u20a17000 CRC\r\n        tilopayAmount = DEPOSIT_COLONES;\r\n        tilopayCurrency = 'CRC';\r\n        tilopayLink = TILO_LINK_COLONES;\r\n    }\r\n\r\n    \/\/ 4. Guardar Datos de Reserva en el servidor ANTES de la redirecci\u00f3n\r\n    const savedToServer = await persistReservation(reservationData, 'Card (Tilopay - Deposit)', reservationData.orderReference, tilopayAmount, tilopayCurrency);\r\n\r\n    if (!savedToServer) {\r\n        alert(\"\u274c Error: Could not secure reservation on the server. Please try again. \/ No se pudo asegurar la reserva en el servidor. Intente nuevamente.\");\r\n        btn.disabled = false;\r\n        btn.innerText = originalText;\r\n        return;\r\n    }\r\n\r\n    \/\/ 5. Construir URL de Tilopay\r\n    const conceptText = encodeURIComponent(`Reservation: ${reservationData.tour}. Total: ${reservationData.total}. Deposit: ${tilopayCurrency} ${tilopayAmount}`);\r\n\r\n    const tilopayUrl = `${tilopayLink}?` +\r\n                        `amount=${tilopayAmount}` +\r\n                        `&currency=${tilopayCurrency}` +\r\n                        `&reference=${reservationData.orderReference}` + \/\/ \u00a1CRUCIAL! Tilopay nos devuelve este valor como 'reference' en el webhook.\r\n                        `&description=${conceptText}` +\r\n                        `&return_url=${RETURN_URL}`;\r\n\r\n    \/\/ 6. Redirigir a Tilopay (en la misma pesta\u00f1a)\r\n    btn.innerText = 'Redirecting to Tilopay... \/ Redirigiendo a Tilopay...';\r\n    window.location.href = tilopayUrl;\r\n}\r\n\r\n\/* ---------- Handle selection of payment method (C\u00d3DIGO MODIFICADO PARA SIMPE\/BINANCE) ---------- *\/\r\nfunction onPaymentMethodChange() {\r\n    const selected = document.querySelector('input[name=\"paymentMethod\"]:checked');\r\n    const detailsEl = document.getElementById('paymentDetails');\r\n    const tilopayBtnContainer = document.getElementById('tilopayButtonContainer');\r\n\r\n    detailsEl.innerHTML = '';\r\n    tilopayBtnContainer.style.display = 'none';\r\n\r\n    if (!selected) return;\r\n\r\n    const method = selected.value;\r\n    const data = gatherFormData();\r\n    const isUSD = data.currencyType !== 'nacional';\r\n    const depositAmountColones = formatCurrency(DEPOSIT_COLONES, 'nacional');\r\n    const depositAmountUSD = formatCurrency(DEPOSIT_USD, 'extranjero');\r\n\r\n    \/\/ Put a summary at top\r\n    const summaryHtml = `<div style=\"margin-bottom:8px;\"><strong>Summary:<\/strong><br>Tour: ${data.tour}<br>Date: ${data.fecha} ${data.hora}<br>Name: ${data.nombre}<br>Total Tour: ${data.total}<br>${data.discountText ? data.discountText + '<br>' + (data.totalAfter ? data.totalAfter : '') : ''}<\/div>`;\r\n    detailsEl.insertAdjacentHTML('beforeend', summaryHtml);\r\n\r\n    if (method === 'tarjeta') {\r\n        detailsEl.insertAdjacentHTML('beforeend', `\r\n            <div class=\"payment-note\">\r\n                <strong>Card Payment (Tilopay - Deposit)<\/strong><br>\r\n                Only the deposit of <strong>${isUSD ? depositAmountUSD : depositAmountColones}<\/strong> will be charged. The remainder is paid on site.<br>\r\n                <br>You will be redirected to the secure Tilopay payment gateway in this tab.\r\n            <\/div>\r\n        `);\r\n        \/\/ Mostrar el bot\u00f3n de pago con tarjeta\r\n        tilopayBtnContainer.style.display = 'block';\r\n        \r\n        \/\/ MEJORA 2: Forzar scroll hacia el bot\u00f3n de pago de Tilopay al seleccionarlo\r\n        setTimeout(() => {\r\n            tilopayBtnContainer.scrollIntoView({behavior: 'smooth', block: 'nearest'});\r\n        }, 100);\r\n\r\n    } else if (method === 'simpe' || method === 'binance') {\r\n        \/\/ --- L\u00d3GICA DE SUBIDA DE COMPROBANTE CON PHP ---\r\n        const isSimpe = method === 'simpe';\r\n        const paymentLabel = isSimpe ? 'Simpe M\u00f3vil' : 'Binance (USDT)';\r\n        const phoneOrID = isSimpe ? SIMPE_PHONE : BINANCE_ID;\r\n        const nameOrTitle = isSimpe ? SIMPE_NAME : 'Wallet ID';\r\n        const noteTitle = isSimpe ? 'Payment by Simpe M\u00f3vil' : 'Payment by Binance (USDT)';\r\n        \/\/ Obtenemos el monto a pagar, ya sea en CRC o USD\r\n        const totalToPay = data.total;\r\n        \r\n        \/\/ 3. Y 4. Textos de Simpe\/Binance (MODIFICADOS)\r\n        const depositAmount = isUSD ? depositAmountUSD : depositAmountColones;\r\n        \r\n        const instruction = `<div class=\"payment-note\">\r\n            <strong>${noteTitle}<\/strong><br>\r\n            Please make a deposit payment of <strong>${depositAmount}<\/strong> to <strong>${nameOrTitle}<\/strong>: <strong>${phoneOrID}<\/strong>.\r\n            <br><br>\r\n            The deposit amount will be **deducted from your total payment** on the day of the tour.\r\n            <br>\r\n            *Note: You have the option to pay the full amount (${totalToPay}) if you prefer to simplify management.*\r\n        <\/div>`;\r\n\r\n        \/\/ El campo de subida de archivo y el bot\u00f3n que llama a sendBookingByPHP\r\n        const uploadForm = `\r\n            <div style=\"border: 1px dashed #ff8c00; padding: 15px; border-radius: 8px; margin-top: 15px;\">\r\n                <p style=\"font-weight:bold; margin-bottom:10px;\">FINAL STEP: Upload your receipt to confirm your booking (English\/Spanish)<\/p>\r\n                <p style=\"margin-bottom:10px; font-size:0.9em;\">**We will confirm your payment to create your reservation.**<\/p>\r\n                <div class=\"form-group\" style=\"margin-bottom: 20px;\">\r\n                    <label for=\"comprobanteFile\"><b>Attach Payment Receipt (JPEG, PNG, PDF):<\/b><\/label>\r\n                    <input type=\"file\" id=\"comprobanteFile\" class=\"input\" accept=\"image\/jpeg,image\/png,application\/pdf\">\r\n                    <span id=\"comprobanteFile-error\" class=\"field-error\" style=\"display:none\"><\/span>\r\n            <\/div>\r\n                <button class=\"action-btn btn-blue\" type=\"button\" onclick=\"sendBookingByPHP('${paymentLabel}', 'deposit')\">\r\n                    Upload Receipt and Confirm Booking by Email\r\n                <\/button>\r\n            <\/div>\r\n            <p style=\"margin-top:10px;\">Optional: If you prefer to send via WhatsApp without attaching here, click: <a id=\"whatsappButton\" class=\"action-btn btn-green\" target=\"_blank\" href=\"#\">Send WhatsApp Message<\/a><\/p>\r\n            `;\r\n\r\n        detailsEl.insertAdjacentHTML('beforeend', instruction + uploadForm);\r\n        \r\n        \/\/ 5. L\u00f3gica del bot\u00f3n de WhatsApp (MEJORADA)\r\n        const whatsappButton = document.getElementById('whatsappButton');\r\n        if (whatsappButton) {\r\n            \/\/ La URL de WhatsApp se genera aqu\u00ed con toda la informaci\u00f3n\r\n            const whatsappMessage = `Hello, I made a booking with the following details:\\n\\n` +\r\n                `*Tour:* ${data.tour}\\n` +\r\n                `*Date:* ${data.fecha} at ${data.hora}\\n` +\r\n                `*Name:* ${data.nombre} (${data.email})\\n` +\r\n                `*Travelers:* ${parseInt(data.adultos)+parseInt(data.ninos)+parseInt(data.bebes)}\\n` +\r\n                `*Companion Names:* ${data.acompanantes || 'None'}\\n` +\r\n                `*Total Paid\/Deposit:* ${depositAmount} (for Simpe\/Binance)\\n` +\r\n                `*Total Tour Price:* ${data.total}\\n\\n` +\r\n                `I attach the payment receipt for the deposit\/full amount via ${paymentLabel}. Please confirm my reservation.`;\r\n            \r\n            whatsappButton.href = `https:\/\/wa.me\/${ADMIN_WHATSAPP}?text=${encodeURIComponent(whatsappMessage)}`;\r\n        }\r\n\r\n        detailsEl.scrollIntoView({behavior: 'smooth', block: 'center'});\r\n    }\r\n}\r\n\r\n\/* ---------- Funci\u00f3n de env\u00edo de datos y archivo (fetch con FormData) para Simpe\/Binance (C\u00d3DIGO MODIFICADO PARA MENSAJE DE \u00c9XITO) ---------- *\/\r\nfunction sendBookingByPHP(paymentMethod, paymentType) {\r\n    \/\/ 1. Validaciones\r\n    if (!validateAll()) {\r\n        const firstInvalid = document.querySelector('.invalid-field');\r\n        if (firstInvalid) firstInvalid.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n        return;\r\n    }\r\n\r\n    const comprobanteFileEl = document.getElementById('comprobanteFile');\r\n    if (!comprobanteFileEl || !comprobanteFileEl.files.length) {\r\n        showFieldError(comprobanteFileEl, 'You must attach the payment receipt to send the booking. \/ Debe adjuntar el comprobante de pago para enviar la reserva.');\r\n        return;\r\n    }\r\n    clearFieldError(comprobanteFileEl);\r\n\r\n    \/\/ 2. Construir FormData (clave para enviar archivos)\r\n    const formData = new FormData();\r\n    const data = gatherFormData();\r\n    const isUSD = data.currencyType !== 'nacional';\r\n    const depositAmount = isUSD ? DEPOSIT_USD : DEPOSIT_COLONES;\r\n\r\n    \/\/ Adjuntar campos de texto\r\n    Object.keys(data).forEach(key => {\r\n        formData.append(key, data[key]);\r\n    });\r\n    \/\/ Adjuntar datos de c\u00e1lculo y m\u00e9todo de pago\r\n    formData.append('paymentMethod', paymentMethod);\r\n    formData.append('rawTotal', _lastComputed.rawTotal);\r\n    formData.append('discountedTotal', _lastComputed.discountedTotal);\r\n    formData.append('discountPercent', _lastComputed.discountPercent);\r\n    \/\/ Para Simpe\/Binance indicamos el pago de la se\u00f1a, aunque el usuario pueda haber pagado el total\r\n    formData.append('paymentAmount', depositAmount);\r\n    formData.append('paymentCurrency', _lastComputed.currencyType === 'nacional' ? 'CRC' : 'USD');\r\n    \/\/ Adjuntar el archivo (la clave 'comprobante' debe coincidir con el PHP)\r\n    formData.append('comprobante', comprobanteFileEl.files[0]);\r\n\r\n    \/\/ 3. Ejecutar el env\u00edo (AJAX \/ fetch)\r\n    const btn = document.querySelector(`[onclick=\"sendBookingByPHP('${paymentMethod}', 'deposit')\"]`);\r\n    const originalText = btn.innerText;\r\n    btn.disabled = true;\r\n    btn.innerText = 'Sending... \/ Enviando...';\r\n\r\n    fetch(SEND_BOOKING_URL, {\r\n        method: 'POST',\r\n        body: formData\r\n    })\r\n    .then(response => {\r\n        const contentType = response.headers.get(\"content-type\");\r\n        if (contentType && contentType.indexOf(\"application\/json\") !== -1) {\r\n            return response.json();\r\n        } else {\r\n            return response.text().then(text => {\r\n                console.error('Raw PHP Error:', text);\r\n                throw new Error(\"Response is not JSON. Server or PHP error: \" + text.substring(0, 100) + '...');\r\n            });\r\n        }\r\n    })\r\n    .then(data => {\r\n        if (data.success) {\r\n            \/\/ 7. Mensaje de \u00e9xito BILING\u00dcE MEJORADO\r\n            alert('\u2705 Booking and receipt successfully sent!\\n\\nWe have sent the details to your email and the administrator. \/ \u00a1Reserva y comprobante enviados exitosamente! Hemos enviado los detalles a su correo y al administrador.');\r\n            closeBookingForm();\r\n        } else {\r\n            console.error('Server error:', data.message);\r\n            alert('\u274c Error sending booking: ' + (data.message || ''));\r\n        }\r\n    })\r\n    .catch(error => {\r\n        console.error('Connection\/Upload error:', error.message);\r\n        alert('\u274c Connection Error. Email could not be sent. Check browser console.');\r\n    })\r\n    .finally(() => {\r\n        btn.disabled = false;\r\n        btn.innerText = originalText;\r\n    });\r\n}\r\n\r\n\/\/ ----------------------------------------------------\r\n\/\/ L\u00f3gica para los nuevos botones de Cantidad (+\/-) (Sin cambios)\r\n\/\/ ----------------------------------------------------\r\nfunction updateQuantity(targetId, delta) {\r\n    const inputEl = document.getElementById(targetId);\r\n    if (!inputEl) return;\r\n    \r\n    let currentValue = parseInt(inputEl.value) || 0;\r\n    let newValue = currentValue + delta;\r\n    \r\n    \/\/ Constraints (min=0 is already set in HTML, but good to re-check)\r\n    if (newValue < 0) {\r\n        newValue = 0;\r\n    }\r\n\r\n    inputEl.value = newValue;\r\n    \r\n    \/\/ Simulate input\/change event to trigger calculation\r\n    if (['adultos','ninos','bebes','fecha'].includes(targetId) || targetId.startsWith('num') || targetId.startsWith('botellas')) {\r\n        calcularTotal();\r\n    }\r\n}\r\n\r\n\/* ---------- Attach events to clear errors and recalc (Modificada para incluir los botones +\/-) ---------- *\/\r\ndocument.addEventListener('DOMContentLoaded', function(){\r\n    const ids = ['tipoVisitante','adultos','ninos','bebes','extraPerezoso','botellasAgua','numToallas','numSnacks','numPonchos','numBinoculares','extraGuia','fecha','hora','nombre','email','acompanantes','guideLanguage','acceptTerms'];\r\n    ids.forEach(id => {\r\n        const el = document.getElementById(id);\r\n        if (el) {\r\n            \/\/ Unificar eventos para recalcular y limpiar error\r\n            const eventNames = (el.type === 'text' || el.type === 'email' || el.type === 'textarea') ? ['input', 'change'] : ['change'];\r\n            eventNames.forEach(eventName => {\r\n                el.addEventListener(eventName, function(){\r\n                    clearFieldError(el);\r\n                    \/\/ Calcular total solo en campos que afectan el precio\r\n                    if (['adultos','ninos','bebes','tipoVisitante','extraPerezoso','botellasAgua','numToallas','numSnacks','numPonchos','numBinoculares','extraGuia','fecha'].includes(id)) {\r\n                        calcularTotal();\r\n                    }\r\n                });\r\n            });\r\n        }\r\n    });\r\n    \r\n    \/\/ Attach event listeners for the +\/- buttons\r\n    document.querySelectorAll('.qty-btn').forEach(button => {\r\n        button.addEventListener('click', function() {\r\n            const targetId = this.getAttribute('data-target');\r\n            const delta = this.classList.contains('plus-btn') ? 1 : -1;\r\n            updateQuantity(targetId, delta);\r\n        });\r\n    });\r\n\r\n\/\/ Forzar un c\u00e1lculo al cargar para asegurar que la nota de dep\u00f3sito est\u00e9 correcta inicialmente\r\n    calcularTotal();\r\n});\r\n<\/script>\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>","protected":false},"excerpt":{"rendered":"<p>BOOK NOW \u2716 \ud83d\udcc5 Fecha (Select Date): * Hora (Select Time):* Select a time8:00 am9:00 am10:00 am Visitor Type:* Select visitor typeForeign \/ ExtranjeroLocal \/ Nacional Select Guide Language:* Select guide languageEnglishSpanish Choose the tour guide&#8217;s language. Travelers Prices vary by age and number of people. Total travelers: 0 Discounts up to 30% available for [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7474","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inscripci\u00f3n B\u00e1sica - Cuilpilapan | Adventure Tours in Guanacaste<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cuilpilapan.com\/es\/evento-inscripcion-basica\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inscripci\u00f3n B\u00e1sica - Cuilpilapan | Adventure Tours in Guanacaste\" \/>\n<meta property=\"og:description\" content=\"BOOK NOW \u2716 \ud83d\udcc5 Fecha (Select Date): * Hora (Select Time):* Select a time8:00 am9:00 am10:00 am Visitor Type:* Select visitor typeForeign \/ ExtranjeroLocal \/ Nacional Select Guide Language:* Select guide languageEnglishSpanish Choose the tour guide&#8217;s language. Travelers Prices vary by age and number of people. Total travelers: 0 Discounts up to 30% available for [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cuilpilapan.com\/es\/evento-inscripcion-basica\/\" \/>\n<meta property=\"og:site_name\" content=\"Cuilpilapan | Adventure Tours in Guanacaste\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/share\/17HdeKKdL8\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-24T14:35:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/\",\"url\":\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/\",\"name\":\"Inscripci\u00f3n B\u00e1sica - Cuilpilapan | Adventure Tours in Guanacaste\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/cuilpilapan.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg\",\"datePublished\":\"2026-04-12T15:26:10+00:00\",\"dateModified\":\"2026-04-24T14:35:02+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/#breadcrumb\"},\"inLanguage\":\"es-CR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CR\",\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/#primaryimage\",\"url\":\"https:\\\/\\\/cuilpilapan.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg\",\"contentUrl\":\"https:\\\/\\\/cuilpilapan.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/evento-inscripcion-basica\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/cuilpilapan.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inscripci\u00f3n B\u00e1sica\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/#website\",\"url\":\"https:\\\/\\\/cuilpilapan.com\\\/\",\"name\":\"Cuilpilapan | Adventure Tours in Guanacaste\",\"description\":\"Discover Cuilpilap\u00e1n \u2013 a Colorful River in Fortuna de Bagaces, Guanacaste. Experience hiking, crystal-clear waters, waterfalls, hanging bridges, and sustainable tours, just minutes from R\u00edo Perdido, Y\u00f6k\u00f6 Hot Springs, Guayac\u00e1n Hot Springs, and Colinas del Miravalles. Perfect for travelers looking for things to do near Miravalles Volcano and Bagaces in Costa Rica.\",\"publisher\":{\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/cuilpilapan.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es-CR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/#organization\",\"name\":\"Cuilpilapan | Adventure Tours in Guanacaste\",\"url\":\"https:\\\/\\\/cuilpilapan.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es-CR\",\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/cuilpilapan.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-WhatsApp-Image-2025-01-12-at-11.47.21-AM-1.jpeg\",\"contentUrl\":\"https:\\\/\\\/cuilpilapan.com\\\/wp-content\\\/uploads\\\/2025\\\/02\\\/cropped-WhatsApp-Image-2025-01-12-at-11.47.21-AM-1.jpeg\",\"width\":500,\"height\":312,\"caption\":\"Cuilpilapan | Adventure Tours in Guanacaste\"},\"image\":{\"@id\":\"https:\\\/\\\/cuilpilapan.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/share\\\/17HdeKKdL8\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@cuilpilapan?_t=ZM-90Irm1QBNbI&_r=1\",\"https:\\\/\\\/share.google\\\/UYFQTVugflTXCXXHA\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inscripci\u00f3n B\u00e1sica - Cuilpilapan | Adventure Tours in Guanacaste","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:\/\/cuilpilapan.com\/es\/evento-inscripcion-basica\/","og_locale":"es_ES","og_type":"article","og_title":"Inscripci\u00f3n B\u00e1sica - Cuilpilapan | Adventure Tours in Guanacaste","og_description":"BOOK NOW \u2716 \ud83d\udcc5 Fecha (Select Date): * Hora (Select Time):* Select a time8:00 am9:00 am10:00 am Visitor Type:* Select visitor typeForeign \/ ExtranjeroLocal \/ Nacional Select Guide Language:* Select guide languageEnglishSpanish Choose the tour guide&#8217;s language. Travelers Prices vary by age and number of people. Total travelers: 0 Discounts up to 30% available for [&hellip;]","og_url":"https:\/\/cuilpilapan.com\/es\/evento-inscripcion-basica\/","og_site_name":"Cuilpilapan | Adventure Tours in Guanacaste","article_publisher":"https:\/\/www.facebook.com\/share\/17HdeKKdL8\/","article_modified_time":"2026-04-24T14:35:02+00:00","og_image":[{"url":"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/","url":"https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/","name":"Inscripci\u00f3n B\u00e1sica - Cuilpilapan | Adventure Tours in Guanacaste","isPartOf":{"@id":"https:\/\/cuilpilapan.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/#primaryimage"},"image":{"@id":"https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/#primaryimage"},"thumbnailUrl":"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg","datePublished":"2026-04-12T15:26:10+00:00","dateModified":"2026-04-24T14:35:02+00:00","breadcrumb":{"@id":"https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/#breadcrumb"},"inLanguage":"es-CR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/"]}]},{"@type":"ImageObject","inLanguage":"es-CR","@id":"https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/#primaryimage","url":"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg","contentUrl":"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/10\/WhatsApp-Image-2025-10-22-at-3.59.08-PM.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/cuilpilapan.com\/evento-inscripcion-basica\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/cuilpilapan.com\/"},{"@type":"ListItem","position":2,"name":"Inscripci\u00f3n B\u00e1sica"}]},{"@type":"WebSite","@id":"https:\/\/cuilpilapan.com\/#website","url":"https:\/\/cuilpilapan.com\/","name":"Cuilpilapan | Tours de Aventura en Guanacaste","description":"Discover Cuilpilap\u00e1n \u2013 a Colorful River in Fortuna de Bagaces, Guanacaste. Experience hiking, crystal-clear waters, waterfalls, hanging bridges, and sustainable tours, just minutes from R\u00edo Perdido, Y\u00f6k\u00f6 Hot Springs, Guayac\u00e1n Hot Springs, and Colinas del Miravalles. Perfect for travelers looking for things to do near Miravalles Volcano and Bagaces in Costa Rica.","publisher":{"@id":"https:\/\/cuilpilapan.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cuilpilapan.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CR"},{"@type":"Organization","@id":"https:\/\/cuilpilapan.com\/#organization","name":"Cuilpilapan | Tours de Aventura en Guanacaste","url":"https:\/\/cuilpilapan.com\/","logo":{"@type":"ImageObject","inLanguage":"es-CR","@id":"https:\/\/cuilpilapan.com\/#\/schema\/logo\/image\/","url":"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/02\/cropped-WhatsApp-Image-2025-01-12-at-11.47.21-AM-1.jpeg","contentUrl":"https:\/\/cuilpilapan.com\/wp-content\/uploads\/2025\/02\/cropped-WhatsApp-Image-2025-01-12-at-11.47.21-AM-1.jpeg","width":500,"height":312,"caption":"Cuilpilapan | Adventure Tours in Guanacaste"},"image":{"@id":"https:\/\/cuilpilapan.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/share\/17HdeKKdL8\/","https:\/\/www.tiktok.com\/@cuilpilapan?_t=ZM-90Irm1QBNbI&_r=1","https:\/\/share.google\/UYFQTVugflTXCXXHA"]}]}},"_links":{"self":[{"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/pages\/7474","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/comments?post=7474"}],"version-history":[{"count":138,"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/pages\/7474\/revisions"}],"predecessor-version":[{"id":7744,"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/pages\/7474\/revisions\/7744"}],"wp:attachment":[{"href":"https:\/\/cuilpilapan.com\/es\/wp-json\/wp\/v2\/media?parent=7474"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}