{"id":37,"date":"2022-12-19T02:32:04","date_gmt":"2022-12-19T02:32:04","guid":{"rendered":"https:\/\/gaviaspreview.com\/wp\/boliin\/?page_id=37"},"modified":"2026-01-17T00:18:51","modified_gmt":"2026-01-17T00:18:51","slug":"rooms-page","status":"publish","type":"page","link":"https:\/\/casaluminahotel.com\/en\/rooms-page\/","title":{"rendered":"Rooms Page"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37\" class=\"elementor elementor-37\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ed2b5e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ed2b5e7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-09973f2\" data-id=\"09973f2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a0e669e elementor-widget elementor-widget-html\" data-id=\"a0e669e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Cat\u00e1logo Exclusivo y Privado - Casa L\u00famina<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/css\/intlTelInput.css\">\r\n    \r\n    <style>\r\n        :root {\r\n            --color-principal: #4e513e; \r\n            --color-fondo-resaltado: #f4f5f0;\r\n        }\r\n\r\n        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background-color: #f8f9fa; color: #333; }\r\n        \r\n        header { \r\n            text-align: center; \r\n            padding: 50px 20px; \r\n            background-color: #fff; \r\n            border-bottom: 4px solid var(--color-principal); \r\n        }\r\n        header h1 { color: var(--color-principal); font-size: 2.2em; margin-bottom: 10px; text-transform: uppercase; }\r\n        header p { font-style: italic; color: #666; font-size: 1.1em; }\r\n\r\n        .container { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; padding: 30px; max-width: 1400px; margin: 0 auto; }\r\n        \r\n        .tour-card { \r\n            background-color: #fff; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); \r\n            overflow: hidden; display: flex; flex-direction: column; border: 1px solid #eaeaea; \r\n            transition: transform 0.3s ease, box-shadow 0.3s ease; \r\n        }\r\n        .tour-card:hover { transform: scale(1.03); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15); }\r\n        .tour-card.selected { border: 2px solid var(--color-principal); background-color: var(--color-fondo-resaltado); }\r\n\r\n        .tour-image { width: 100%; height: 200px; object-fit: cover; }\r\n        .tour-content { padding: 20px; flex-grow: 1; }\r\n        .tour-title { font-size: 1.25em; margin: 0 0 12px 0; color: #2c3e50; border-bottom: 2px solid var(--color-principal); padding-bottom: 8px; display: flex; justify-content: space-between; align-items: center; }\r\n        .tag-privado { font-size: 0.6em; background: var(--color-principal); color: white; padding: 3px 8px; border-radius: 5px; text-transform: uppercase; }\r\n\r\n        .price-tiers { display: flex; justify-content: space-between; gap: 5px; margin: 15px 0; }\r\n        .price-box { flex: 1; background: #f9f9f9; padding: 10px 2px; border-radius: 8px; text-align: center; border: 1px solid #eee; }\r\n        .tier-label { font-size: 0.65em; color: #666; display: block; margin-bottom: 3px; font-weight: bold; }\r\n        .tier-price { font-size: 0.95em; font-weight: 800; color: #000; display: block; }\r\n\r\n        .btn-book { \r\n            background-color: var(--color-principal); color: white; border: none; padding: 15px; \r\n            cursor: pointer; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; transition: opacity 0.3s;\r\n        }\r\n        .btn-book:hover { opacity: 0.9; }\r\n\r\n        \/* SECCI\u00d3N RESERVA Y BLOQUEO *\/\r\n        .reservation-section { background-color: #f1f3f5; padding: 60px 20px; display: flex; flex-direction: column; align-items: center; }\r\n        .form-relative-wrapper { position: relative; max-width: 600px; width: 100%; margin: 0 auto; }\r\n\r\n        \/* Estado Desbloqueado: Quitamos el blur y el overlay con JS *\/\r\n        .form-wrapper { \r\n            background-color: #fff; padding: 35px; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n            filter: blur(4px); pointer-events: none; user-select: none; transition: filter 0.5s ease;\r\n        }\r\n        .form-wrapper.unlocked { filter: blur(0); pointer-events: auto; user-select: auto; }\r\n\r\n        .overlay-lock { \r\n            position: absolute; top: 0; left: 0; width: 100%; height: 100%; \r\n            display: flex; justify-content: center; align-items: center; z-index: 10; \r\n        }\r\n        .overlay-lock.hidden { display: none; }\r\n\r\n        .lock-content { \r\n            background: rgba(255, 255, 255, 0.98); padding: 30px; border-radius: 15px; \r\n            border: 2px solid var(--color-principal); text-align: center; max-width: 85%; \r\n        }\r\n        .lock-content i { font-size: 35px; color: var(--color-principal); margin-bottom: 15px; }\r\n\r\n        \/* SECCI\u00d3N \"YA SOY CLIENTE\" *\/\r\n        .client-check-area { margin-top: 30px; text-align: center; max-width: 600px; width: 100%; }\r\n        .btn-verify { \r\n            background: transparent; color: var(--color-principal); border: 2px solid var(--color-principal);\r\n            padding: 10px 20px; border-radius: 10px; cursor: pointer; font-weight: bold; transition: all 0.3s;\r\n        }\r\n        .btn-verify:hover { background: var(--color-principal); color: white; }\r\n\r\n        .verify-form { \r\n            display: none; background: #fff; padding: 20px; border-radius: 15px; margin-top: 15px; \r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05); border: 1px solid #ddd;\r\n        }\r\n\r\n        .form-group { margin-bottom: 18px; text-align: left; }\r\n        .form-group label { display: block; margin-bottom: 6px; font-weight: bold; color: #444; }\r\n        .form-group input, .form-group select { width: 100%; padding: 12px; border: 2px solid #ddd; border-radius: 10px; box-sizing: border-box; }\r\n        \r\n        .price-display { font-size: 1.1em; font-weight: bold; margin-top: 10px; padding: 10px; background-color: #f9f9f9; text-align: center; border-radius: 8px; border-left: 5px solid var(--color-principal); }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n    <h1>Tours Privados | Casa L\u00famina<\/h1>\r\n    <p>Rutas exclusivas dise\u00f1adas \u00fanicamente para nuestros hu\u00e9spedes registrados.<\/p>\r\n<\/header>\r\n\r\n<div class=\"container\">\r\n    <div class=\"tour-card\" data-tour=\"City tour San Salvador\">\r\n        <img decoding=\"async\" src=\"https:\/\/casaluminahotel.com\/wp-content\/uploads\/2026\/01\/Jardin-Centroamerica-2.webp\" class=\"tour-image\">\r\n        <div class=\"tour-content\">\r\n            <h3 class=\"tour-title\">City tour <span class=\"tag-privado\">Privado<\/span><\/h3>\r\n            <div class=\"price-tiers\">\r\n                <div class=\"price-box\"><span class=\"tier-label\">1-3 Pers<\/span><span class=\"tier-price\">$85.00<\/span><\/div>\r\n                <div class=\"price-box\"><span class=\"tier-label\">4-6 Pers<\/span><span class=\"tier-price\">$130.00<\/span><\/div>\r\n                <div class=\"price-box\"><span class=\"tier-label\">7-12 Pers<\/span><span class=\"tier-price\">$200.00<\/span><\/div>\r\n            <\/div>\r\n            <p>Explora la Catedral, Palacio Nacional y el centro hist\u00f3rico en total privacidad.<\/p>\r\n        <\/div>\r\n        <button onclick=\"seleccionarTour(this)\" class=\"btn-book\">RESERVAR AHORA<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"tour-card\" data-tour=\"Tour Boquer\u00f3n\">\r\n        <img decoding=\"async\" src=\"https:\/\/casaluminahotel.com\/wp-content\/uploads\/2026\/01\/el-boqueron.png\" class=\"tour-image\">\r\n        <div class=\"tour-content\">\r\n            <h3 class=\"tour-title\">Tour Boquer\u00f3n <span class=\"tag-privado\">Privado<\/span><\/h3>\r\n            <div class=\"price-tiers\">\r\n                <div class=\"price-box\"><span class=\"tier-label\">1-3 Pers<\/span><span class=\"tier-price\">$158.20<\/span><\/div>\r\n                <div class=\"price-box\"><span class=\"tier-label\">4-6 Pers<\/span><span class=\"tier-price\">$175.15<\/span><\/div>\r\n                <div class=\"price-box\"><span class=\"tier-label\">7-12 Pers<\/span><span class=\"tier-price\">$214.70<\/span><\/div>\r\n            <\/div>\r\n            <p>Vistas espectaculares del cr\u00e1ter del volc\u00e1n en un recorrido personalizado.<\/p>\r\n        <\/div>\r\n        <button onclick=\"seleccionarTour(this)\" class=\"btn-book\">RESERVAR AHORA<\/button>\r\n    <\/div>\r\n\r\n    <\/div>\r\n\r\n<section class=\"reservation-section\" id=\"reserva\">\r\n    <div class=\"form-relative-wrapper\">\r\n        <div class=\"overlay-lock\" id=\"lockOverlay\">\r\n            <div class=\"lock-content\">\r\n                <i class=\"fas fa-lock\"><\/i>\r\n                <h3>Secci\u00f3n desbloqueada \u00fanicamente para clientes o hu\u00e9spedes de Casa L\u00famina<\/h3>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"form-wrapper\" id=\"mainFormWrapper\">\r\n            <h2 style=\"text-align: center;\">Solicitud de Reserva Privada<\/h2>\r\n            <form id=\"tourForm\">\r\n                <div class=\"form-group\"><label>Nombre del Hu\u00e9sped:<\/label><input type=\"text\" placeholder=\"Nombre completo\"><\/div>\r\n                <div class=\"form-group\"><label>Tel\u00e9fono:<\/label><input type=\"tel\" id=\"codigo_area\"><\/div>\r\n                <div class=\"form-group\">\r\n                    <label>Tour Seleccionado:<\/label>\r\n                    <select id=\"selectTour\">\r\n                        <option value=\"\">-- Seleccionar --<\/option>\r\n                        <option value=\"City tour San Salvador\">City tour San Salvador<\/option>\r\n                        <option value=\"Tour Boquer\u00f3n\">Tour Boquer\u00f3n<\/option>\r\n                        <option value=\"Tour de playas de la libertad\">Tour de playas de la libertad<\/option>\r\n                        <option value=\"Ruta de las Flores\">Ruta de las Flores<\/option>\r\n                        <option value=\"Ruta Suchitoto\">Ruta Suchitoto<\/option>\r\n                        <option value=\"Ruta arqueol\u00f3gica\">Ruta arqueol\u00f3gica<\/option>\r\n                        <option value=\"Ruta de miradores\">Ruta de miradores<\/option>\r\n                        <option value=\"Tour Cerro verde\">Tour Cerro verde<\/option>\r\n                    <\/select>\r\n                <\/div>\r\n                <div class=\"form-group\"><label>N\u00b0 Personas (1-12):<\/label><input type=\"number\" id=\"paxInput\" value=\"1\" oninput=\"actualizarPreciosForm()\"><\/div>\r\n                <div class=\"price-display\" id=\"priceDisplay\">Costo Estimado: $0.00<\/div>\r\n                <div class=\"form-group\"><label>Fecha de estad\u00eda:<\/label><input type=\"date\"><\/div>\r\n                <button type=\"submit\" class=\"btn-book\" style=\"width:100%; border-radius:10px;\">SOLICITAR RESERVA<\/button>\r\n            <\/form>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"client-check-area\" id=\"clientCheckArea\">\r\n        <p>\u00bfYa tienes una reserva con nosotros?<\/p>\r\n        <button class=\"btn-verify\" onclick=\"toggleVerifyForm()\">YA SOY CLIENTE \/ HU\u00c9SPED<\/button>\r\n        \r\n        <div class=\"verify-form\" id=\"verifyForm\">\r\n            <p style=\"font-size: 0.9em; margin-bottom: 15px;\">Ingresa tu correo o n\u00famero de reserva para desbloquear el formulario:<\/p>\r\n            <div class=\"form-group\">\r\n                <input type=\"text\" id=\"clientData\" placeholder=\"Correo electr\u00f3nico o C\u00f3digo de Reserva\">\r\n            <\/div>\r\n            <button class=\"btn-book\" style=\"width:100%; font-size: 0.9em;\" onclick=\"desbloquearFormulario()\">VERIFICAR Y DESBLOQUEAR<\/button>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/17.0.19\/js\/intlTelInput.min.js\"><\/script>\r\n<script>\r\n    \/\/ Inicializaci\u00f3n de tel\u00e9fono\r\n    const inputArea = document.querySelector(\"#codigo_area\");\r\n    window.intlTelInput(inputArea, { initialCountry: \"sv\", separateDialCode: true });\r\n\r\n    const tarifas = {\r\n        \"City tour San Salvador\": [85, 130, 200],\r\n        \"Tour Boquer\u00f3n\": [158.20, 175.15, 214.70],\r\n        \"Tour de playas de la libertad\": [158.20, 175.15, 214.70],\r\n        \"Ruta de las Flores\": [158.20, 175.15, 214.70],\r\n        \"Ruta Suchitoto\": [135.60, 152.55, 192.10],\r\n        \"Ruta arqueol\u00f3gica\": [146.90, 163.85, 203.40],\r\n        \"Ruta de miradores\": [135.60, 152.55, 192.10],\r\n        \"Tour Cerro verde\": [135.60, 152.55, 192.10]\r\n    };\r\n\r\n    function seleccionarTour(button) {\r\n        const tour = button.closest('.tour-card').getAttribute('data-tour');\r\n        document.getElementById('selectTour').value = tour;\r\n        actualizarPreciosForm();\r\n        document.getElementById('reserva').scrollIntoView({ behavior: 'smooth' });\r\n        \r\n        document.querySelectorAll('.tour-card').forEach(t => t.classList.remove('selected'));\r\n        button.closest('.tour-card').classList.add('selected');\r\n    }\r\n\r\n    function actualizarPreciosForm() {\r\n        const tour = document.getElementById('selectTour').value;\r\n        const pax = parseInt(document.getElementById('paxInput').value) || 1;\r\n        if (tour) {\r\n            const v = tarifas[tour];\r\n            let price = pax <= 3 ? v[0] : (pax <= 6 ? v[1] : v[2]);\r\n            document.getElementById('priceDisplay').innerText = \"Costo Estimado: $\" + price.toFixed(2);\r\n        }\r\n    }\r\n\r\n    \/\/ FUNCIONES DE DESBLOQUEO\r\n    function toggleVerifyForm() {\r\n        const f = document.getElementById('verifyForm');\r\n        f.style.display = (f.style.display === 'block') ? 'none' : 'block';\r\n    }\r\n\r\n    function desbloquearFormulario() {\r\n        const data = document.getElementById('clientData').value;\r\n        if(data.length > 3) {\r\n            \/\/ Animaci\u00f3n de desbloqueo\r\n            document.getElementById('mainFormWrapper').classList.add('unlocked');\r\n            document.getElementById('lockOverlay').classList.add('hidden');\r\n            document.getElementById('clientCheckArea').style.display = 'none';\r\n            \r\n            alert(\"\u00a1Bienvenido de nuevo! El formulario ha sido desbloqueado.\");\r\n            \r\n            \/\/ Scroll suave al inicio del formulario ahora que es visible\r\n            document.getElementById('reserva').scrollIntoView({ behavior: 'smooth' });\r\n        } else {\r\n            alert(\"Por favor ingresa un dato v\u00e1lido.\");\r\n        }\r\n    }\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Cat\u00e1logo Exclusivo y Privado &#8211; Casa L\u00famina Tours Privados | Casa L\u00famina Rutas exclusivas dise\u00f1adas \u00fanicamente para nuestros hu\u00e9spedes registrados. City tour Privado 1-3 Pers$85.00 4-6 Pers$130.00 7-12 Pers$200.00 Explora [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_uag_custom_page_level_css":"","_joinchat":[],"footnotes":""},"class_list":["post-37","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"trp-custom-language-flag":false,"post-thumbnail":false,"boliin_medium":false,"ba-thumbnail":false,"ba-thumbnail-sq":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"manuelcarcamo.iices@hotmail.com","author_link":"https:\/\/casaluminahotel.com\/en\/author\/manuelcarcamo-iiceshotmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Cat\u00e1logo Exclusivo y Privado &#8211; Casa L\u00famina Tours Privados | Casa L\u00famina Rutas exclusivas dise\u00f1adas \u00fanicamente para nuestros hu\u00e9spedes registrados. City tour Privado 1-3 Pers$85.00 4-6 Pers$130.00 7-12 Pers$200.00 Explora [&hellip;]","_links":{"self":[{"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/pages\/37","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/comments?post=37"}],"version-history":[{"count":6,"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/pages\/37\/revisions"}],"predecessor-version":[{"id":2183,"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/pages\/37\/revisions\/2183"}],"wp:attachment":[{"href":"https:\/\/casaluminahotel.com\/en\/wp-json\/wp\/v2\/media?parent=37"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}