{"id":1629,"date":"2025-06-21T20:05:32","date_gmt":"2025-06-21T18:05:32","guid":{"rendered":"https:\/\/casagrandebaracoa.com\/?page_id=1629"},"modified":"2025-06-28T08:16:05","modified_gmt":"2025-06-28T06:16:05","slug":"room-202-details","status":"publish","type":"page","link":"https:\/\/casagrandebaracoa.com\/es\/rooms\/room-202-details\/","title":{"rendered":"La Habitaci\u00f3n 202 Detalles"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1629\" class=\"elementor elementor-1629\">\n\t\t\t\t<div class=\"elementor-element elementor-element-be799d0 e-flex e-con-boxed e-con e-parent\" data-id=\"be799d0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5596bdc e-con-full e-flex e-con e-child\" data-id=\"5596bdc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9007242 elementor-widget elementor-widget-html\" data-id=\"9007242\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n <style> \n .room-details {\n            background: white;\n            border-radius: 10px;\n            overflow: hidden;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n            margin-bottom: 40px;\n        }\n        \n        .room-gallery {\n            position: relative;\n            overflow: hidden;\n            height: 500px;\n        }\n        \n        .main-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n            transition: transform 0.5s ease;\n        }\n        \n        .thumbnails {\n            display: flex;\n            overflow-x: auto;\n            padding: 15px 0;\n            background: rgba(0,0,0,0.05);\n            scrollbar-width: thin;\n            scrollbar-color: #d4af37 transparent;\n        }\n        \n        .thumbnails::-webkit-scrollbar {\n            height: 8px;\n        }\n        \n        .thumbnails::-webkit-scrollbar-thumb {\n            background: #d4af37;\n            border-radius: 4px;\n        }\n        \n        .thumbnail {\n            min-width: 120px;\n            height: 80px;\n            margin: 0 10px;\n            border-radius: 5px;\n            overflow: hidden;\n            cursor: pointer;\n            opacity: 0.7;\n            transition: all 0.3s ease;\n            position: relative;\n            flex-shrink: 0;\n        }\n        \n        .thumbnail:hover, .thumbnail.active {\n            opacity: 1;\n            transform: scale(1.05);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\n        }\n        \n        .thumbnail img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            display: block;\n        }\n        \n        .gallery-nav {\n            position: absolute;\n            top: 50%;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            padding: 0 20px;\n            transform: translateY(-50%);\n            z-index: 10;\n        }\n        \n        .gallery-btn {\n            width: 50px;\n            height: 50px;\n            background: rgba(255, 255, 255, 0.8);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #8b4513;\n            font-size: 1.5rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            box-shadow: 0 3px 10px rgba(0,0,0,0.2);\n        }\n        \n        .gallery-btn:hover {\n            background: white;\n            transform: scale(1.1);\n        }\n        \n        .room-info {\n            display: flex;\n            flex-wrap: wrap;\n            padding: 30px;\n        }\n        \n        .room-description {\n            flex: 1;\n            min-width: 300px;\n            padding-right: 30px;\n        }\n        \n        .room-description h2 {\n            color: #8b4513;\n            margin-bottom: 20px;\n            font-size: 2rem;\n        }\n        \n        .room-description p {\n            margin-bottom: 20px;\n            color: #555;\n        }\n        \n        .features {\n            margin: 20px 0;\n            display: flex;\n            flex-wrap: wrap;\n        }\n        \n        .feature {\n            display: flex;\n            align-items: center;\n            margin-right: 25px;\n            margin-bottom: 15px;\n            color: #555;\n        }\n        \n        .feature i {\n            color: #d4af37;\n            margin-right: 8px;\n            font-size: 1.2rem;\n        }\n        \n        .room-booking {\n            flex: 0 0 300px;\n            background: #f5f1e6;\n            padding: 25px;\n            border-radius: 10px;\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\n        }\n        \n        .price {\n            font-size: 2rem;\n            color: #8b4513;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n        \n        .price span {\n            font-size: 1rem;\n            color: #777;\n        }\n        \n        .booking-btn {\n            display: block;\n            width: 100%;\n            padding: 15px;\n            background: #16a085;\n            color: white;\n            text-align: center;\n            text-decoration: none;\n            border-radius: 5px;\n            font-weight: bold;\n            transition: all 0.3s ease;\n            margin-top: 20px;\n        }\n        \n        .booking-btn:hover {\n            background: #128C7E;\n            transform: translateY(-3px);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \n        .amenities-list {\n            list-style: none;\n            margin-top: 15px;\n        }\n        \n        .amenities-list li {\n            padding: 8px 0;\n            border-bottom: 1px dashed #ddd;\n            display: flex;\n            align-items: center;\n        }\n        \n        .amenities-list li:before {\n            content: \"\u2713\";\n            color: #16a085;\n            margin-right: 10px;\n            font-weight: bold;\n        }\n        \n        .lightbox {\n            position: fixed;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0,0,0,0.9);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            z-index: 1000;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.3s ease;\n        }\n        \n        .lightbox.active {\n            opacity: 1;\n            pointer-events: all;\n        }\n        \n        .lightbox-content {\n            max-width: 90%;\n            max-height: 90%;\n        }\n        \n        .lightbox-content img {\n            max-width: 100%;\n            max-height: 80vh;\n            display: block;\n            margin: 0 auto;\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n        }\n        \n        .lightbox-close {\n            position: absolute;\n            top: 20px;\n            right: 30px;\n            color: white;\n            font-size: 2.5rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .lightbox-close:hover {\n            color: #d4af37;\n            transform: scale(1.2);\n        }\n        \n        .lightbox-nav {\n            position: absolute;\n            top: 50%;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            padding: 0 30px;\n            transform: translateY(-50%);\n        }\n        \n        .lightbox-btn {\n            width: 60px;\n            height: 60px;\n            background: rgba(255, 255, 255, 0.2);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 2rem;\n            cursor: pointer;\n            transition: all 0.3s ease;\n        }\n        \n        .lightbox-btn:hover {\n            background: rgba(255, 255, 255, 0.3);\n        }\n        \n        @media (max-width: 768px) {\n            .room-gallery {\n                height: 350px;\n            }\n            \n            .room-info {\n                flex-direction: column;\n            }\n            \n            .room-description {\n                padding-right: 0;\n                margin-bottom: 30px;\n            }\n            \n            .gallery-btn {\n                width: 40px;\n                height: 40px;\n                font-size: 1.2rem;\n            }\n            \n            .thumbnail {\n                min-width: 90px;\n                height: 60px;\n            }\n        }\n \n <\/style>\n\n\n <div class=\"container\">\n       \n        \n        <div class=\"room-details\">\n            <div class=\"room-gallery\">\n                <img decoding=\"async\" src=\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg\" alt=\"Habitaci\u00f3n principal\" class=\"main-image\" id=\"mainImage\">\n                \n                <div class=\"gallery-nav\">\n                    <div class=\"gallery-btn prev-btn\">\n                        <i class=\"fas fa-chevron-left\"><\/i>\n                    <\/div>\n                    <div class=\"gallery-btn next-btn\">\n                        <i class=\"fas fa-chevron-right\"><\/i>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"thumbnails\" id=\"thumbnailsContainer\">\n                    <div class=\"thumbnail active\">\n                        <img decoding=\"async\" src=\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg\" alt=\"Vista principal de la habitaci\u00f3n\">\n                    <\/div>\n                    <div class=\"thumbnail\">\n                        <img decoding=\"async\" src=\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-2.jpeg\" alt=\"Ba\u00f1o de lujo\">\n                    <\/div>\n                    <div class=\"thumbnail\">\n                        <img decoding=\"async\" src=\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-3.jpeg\" alt=\"Terraza privada\">\n                    <\/div>\n                   \n                <\/div>\n            <\/div>\n            \n         \n        <\/div>\n    <\/div>\n    \n    <div class=\"lightbox\" id=\"lightbox\">\n        <div class=\"lightbox-close\" id=\"lightboxClose\">\n            <i class=\"fas fa-times\"><\/i>\n        <\/div>\n        <div class=\"lightbox-nav\">\n            <div class=\"lightbox-btn lightbox-prev\">\n                <i class=\"fas fa-chevron-left\"><\/i>\n            <\/div>\n            <div class=\"lightbox-btn lightbox-next\">\n                <i class=\"fas fa-chevron-right\"><\/i>\n            <\/div>\n        <\/div>\n        <div class=\"lightbox-content\">\n            <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"\">\n        <\/div>\n    <\/div>\n\n \n  <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            \/\/ Elementos de la galer\u00eda\n            const mainImage = document.getElementById('mainImage');\n            const thumbnailsContainer = document.getElementById('thumbnailsContainer');\n            const thumbnails = thumbnailsContainer.querySelectorAll('.thumbnail');\n            const prevBtn = document.querySelector('.prev-btn');\n            const nextBtn = document.querySelector('.next-btn');\n            \n            \/\/ Elementos del lightbox\n            const lightbox = document.getElementById('lightbox');\n            const lightboxImage = document.getElementById('lightboxImage');\n            const lightboxClose = document.getElementById('lightboxClose');\n            const lightboxPrev = document.querySelector('.lightbox-prev');\n            const lightboxNext = document.querySelector('.lightbox-next');\n            \n            let currentIndex = 0;\n            const images = [\n                'https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg',\n                'https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-2.jpeg',\n                'https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-3.jpeg'\n            ];\n            \n            \/\/ Cambiar imagen principal al hacer clic en miniatura\n            thumbnails.forEach((thumb, index) => {\n                thumb.addEventListener('click', function() {\n                    \/\/ Actualizar imagen principal\n                    const imgSrc = this.querySelector('img').src;\n                    mainImage.src = imgSrc;\n                    \n                    \/\/ Actualizar miniatura activa\n                    thumbnails.forEach(t => t.classList.remove('active'));\n                    this.classList.add('active');\n                    \n                    \/\/ Actualizar \u00edndice actual\n                    currentIndex = index;\n                });\n            });\n            \n            \/\/ Navegaci\u00f3n con botones\n            prevBtn.addEventListener('click', function() {\n                currentIndex = (currentIndex - 1 + images.length) % images.length;\n                updateMainImage(currentIndex);\n            });\n            \n            nextBtn.addEventListener('click', function() {\n                currentIndex = (currentIndex + 1) % images.length;\n                updateMainImage(currentIndex);\n            });\n            \n            \/\/ Abrir imagen en lightbox\n            mainImage.addEventListener('click', function() {\n                lightboxImage.src = this.src;\n                lightbox.classList.add('active');\n                document.body.style.overflow = 'hidden';\n            });\n            \n            \/\/ Cerrar lightbox\n            lightboxClose.addEventListener('click', function() {\n                lightbox.classList.remove('active');\n                document.body.style.overflow = 'auto';\n            });\n            \n            \/\/ Navegaci\u00f3n en lightbox\n            lightboxPrev.addEventListener('click', function() {\n                currentIndex = (currentIndex - 1 + images.length) % images.length;\n                lightboxImage.src = images[currentIndex];\n            });\n            \n            lightboxNext.addEventListener('click', function() {\n                currentIndex = (currentIndex + 1) % images.length;\n                lightboxImage.src = images[currentIndex];\n            });\n            \n            \/\/ Cerrar lightbox con ESC\n            document.addEventListener('keydown', function(e) {\n                if (e.key === 'Escape' && lightbox.classList.contains('active')) {\n                    lightbox.classList.remove('active');\n                    document.body.style.overflow = 'auto';\n                }\n            });\n            \n            \/\/ Funci\u00f3n para actualizar imagen principal\n            function updateMainImage(index) {\n                mainImage.src = images[index];\n                \n                \/\/ Actualizar miniatura activa\n                thumbnails.forEach((thumb, i) => {\n                    if (i === index) {\n                        thumb.classList.add('active');\n                    } else {\n                        thumb.classList.remove('active');\n                    }\n                });\n                \n                \/\/ Desplazar a la miniatura activa\n                const activeThumb = thumbnails[index];\n                activeThumb.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\n            }\n        });\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d152b6 e-con-full e-flex e-con e-child\" data-id=\"6d152b6\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-82284ca e-con-full e-flex e-con e-child\" data-id=\"82284ca\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-05c2a3d elementor-widget elementor-widget-heading\" data-id=\"05c2a3d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Habitacion Estandar Superior 202<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3d38ccd e-con-full e-flex e-con e-child\" data-id=\"3d38ccd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-acde815 elementor-widget elementor-widget-button\" data-id=\"acde815\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#booking-202\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Reserva ahora<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-eab312d e-con-full e-flex e-con e-child\" data-id=\"eab312d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ac102e elementor-widget elementor-widget-heading\" data-id=\"9ac102e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">25$-30$\/Por noche<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9eb9c9d elementor-widget elementor-widget-text-editor\" data-id=\"9eb9c9d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<table>\n<tbody>\n<tr>\n<td class=\"r-o\">Tama\u00f1o:<\/td>\n<td>40 m2<\/td>\n<\/tr>\n<tr>\n<td class=\"r-o\">Capacidad:<\/td>\n<td>3 Personas<\/td>\n<\/tr>\n<tr>\n<td class=\"r-o\">Cama:<\/td>\n<td>Cama King-size y una cama individual<\/td>\n<\/tr>\n<tr>\n<td class=\"r-o\">Servicios:<\/td>\n<td>\u2713 Aire acondicionado\n\u2713 Armario\n\u2713 Espejo\n\u2713 Mesa de noche\n\u2713 Secador de pelo\n\u2713 Mini-nevera<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9baead3 elementor-widget elementor-widget-text-editor\" data-id=\"9baead3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"f-para\"><strong>Habitaci\u00f3n Confortable<\/strong><br \/>Aire acondicionado con excelente iluminaci\u00f3n y ventilaci\u00f3n natural. Caracter\u00edsticas de las ventanas y un balc\u00f3n privado. Incluye un ba\u00f1o privado con secador de pelo y servicio 24 horas de agua caliente y fr\u00eda. Los hu\u00e9spedes tendr\u00e1n acceso a otras \u00e1reas de la casa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ac27ee e-con-full e-flex e-con e-child\" data-id=\"9ac27ee\" data-element_type=\"container\" id=\"booking-202\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23343f4 elementor-widget elementor-widget-html\" data-id=\"23343f4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/*body {*\/\r\n    \/*        background-color: #f5f5f5;*\/\r\n    \/*        color: #333;*\/\r\n    \/*        line-height: 1.6;*\/\r\n    \/*    }*\/\r\n\r\n     \/* Formulario de reserva *\/\r\n        .booking-form-container {\r\n            flex: 1;\r\n            min-width: 350px;\r\n            background: white;\r\n            border-radius: 10px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n            padding: 30px;\r\n            position: sticky;\r\n            top: 20px;\r\n        }\r\n        \r\n        .booking-form-container h2 {\r\n            color: var(--color-primary);\r\n            margin-bottom: 25px;\r\n            text-align: center;\r\n            font-size: 1.8rem;\r\n        }\r\n        \r\n        .form-group {\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .form-group label {\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 500;\r\n            color: var(--color-dark);\r\n        }\r\n        \r\n        .form-group input,\r\n        .form-group select,\r\n        .form-group textarea {\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            border: 1px solid #ddd;\r\n            border-radius: 5px;\r\n            font-size: 1rem;\r\n        }\r\n        \r\n        .form-group select {\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml;charset=UTF-8,%3csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c\/polyline%3e%3c\/svg%3e\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 10px center;\r\n            background-size: 1em;\r\n        }\r\n        \r\n        .submit-btn {\r\n           # background: #25D366;\r\n            color: white;\r\n            border: none;\r\n            padding: 15px;\r\n            font-size: 1.1rem;\r\n            font-weight: bold;\r\n            border-radius: 5px;\r\n            cursor: pointer;\r\n            transition: all 0.3s;\r\n            width: 100%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n            margin-top: 10px;\r\n        }\r\n        \r\n        .submit-btn:hover {\r\n            #background: #128C7E;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n<\/style>\r\n\r\n<!-- Booking Form -->\r\n<div class=\"booking-form-container-rd\">\r\n    <h2><i class=\"fas fa-calendar-check\"><\/i> Solicitud De Reserva<\/h2>\r\n    <form id=\"whatsappBookingForm\" onsubmit=\"sendBookingRequest(event)\" action=\"\">\r\n        <div class=\"form-group\">\r\n            <label for=\"check-in\">Fecha de Check-in*<\/label>\r\n            <input type=\"date\" id=\"check-in\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"check-out\">Fecha de Check-out*<\/label>\r\n            <input type=\"date\" id=\"check-out\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"room-type\">Tipo De Habitaci\u00f3n*<\/label>\r\n            <select id=\"room-type\" required>\r\n                <option value=\"Superior Standard Room 202\">Superior Est\u00e1ndar 202 ($25-30\/noche)<\/option>\r\n            <\/select>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"adults\">Adultos*<\/label>\r\n            <input type=\"number\" id=\"adults\" min=\"1\" max=\"6\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"children\">Los ni\u00f1os (0-12 a\u00f1os)<\/label>\r\n            <input type=\"number\" id=\"children\" min=\"0\" max=\"4\">\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"guest-name\">Nombre Completo*<\/label>\r\n            <input type=\"text\" id=\"guest-name\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"guest-phone\">WhatsApp\/Tel\u00e9fono*<\/label>\r\n            <input type=\"tel\" id=\"guest-phone\" placeholder=\"+1 xxxxxxxx\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n            <label for=\"special-requests\">Peticiones Especiales<\/label>\r\n            <textarea id=\"special-requests\" rows=\"3\" placeholder=\"Por ejemplo: cama adicional, necesidades especiales ...\"><\/textarea>\r\n        <\/div>\r\n        \r\n        <button type=\"submit\" class=\"submit-btn\">\r\n            <i class=\"fab fa-whatsapp\"><\/i> Enviar Solicitud\r\n        <\/button>\r\n        \r\n        <p style=\"font-size: 12px; margin-top: 15px; color: #666; text-align: center;\">\r\n            *Nos pondremos en contacto con usted a trav\u00e9s de WhatsApp para confirmar la disponibilidad y de pago.\r\n        <\/p>\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"es\"\/><\/form>\r\n<\/div>\r\n        \r\n        <script>\r\n    function sendBookingRequest(event) {\r\n        event.preventDefault();\r\n        \r\n        \/\/ TU N\u00daMERO WHATSAPP BUSINESS (c\u00f3digo pa\u00eds + n\u00famero sin espacios)\r\n        const phoneNumber = \"17866176152\"; \/\/ Ejemplo para Cuba: 53 + 512345678\r\n        \r\n        \/\/ Obtener valores del formulario\r\n        const checkIn = document.getElementById(\"check-in\").value;\r\n        const checkOut = document.getElementById(\"check-out\").value;\r\n        const roomType = document.getElementById(\"room-type\").value;\r\n        const adults = document.getElementById(\"adults\").value;\r\n        const children = document.getElementById(\"children\").value || \"0\";\r\n        const guestName = document.getElementById(\"guest-name\").value;\r\n        const guestPhone = document.getElementById(\"guest-phone\").value;\r\n        const requests = document.getElementById(\"special-requests\").value;\r\n        \r\n        \/\/ Calcular noches\r\n        const nights = Math.ceil((new Date(checkOut) - new Date(checkIn)) \/ (1000 * 60 * 60 * 24));\r\n        \r\n        \/\/ Formatear fechas en espa\u00f1ol\r\n        const formatDate = (dateString) => {\r\n            const options = { weekday: 'long', day: 'numeric', month: 'long' };\r\n            return new Date(dateString).toLocaleDateString('es-ES', options);\r\n        };\r\n        \r\n        \/\/ Crear mensaje profesional\r\n        const message = `\ud83c\udfe8 *SOLICITUD DE RESERVA - HOSTAL BARACOA* \ud83c\udf34\r\n\r\n\ud83d\udcc5 *Fechas:*\r\nEntrada: ${formatDate(checkIn)}\r\nSalida: ${formatDate(checkOut)}\r\n\ud83c\udf19 *Noches:* ${nights}\r\n\r\n\ud83d\udecf\ufe0f *Habitaci\u00f3n:* ${roomType}\r\n\ud83d\udc64 *Nombre:* ${guestName}\r\n\ud83d\udcf1 *Contacto:* ${guestPhone}\r\n\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67\u200d\ud83d\udc66 *Personas:* ${adults} adultos, ${children} ni\u00f1os\r\n\r\n\ud83d\udcac *Solicitudes especiales:*\r\n${requests || \"Ninguna\"}\r\n\r\n_Por favor confirme disponibilidad y opciones de pago. \u00a1Gracias!_`;\r\n        \r\n        \/\/ Codificar mensaje para URL\r\n        const encodedMessage = encodeURIComponent(message);\r\n        \r\n        \/\/ Redirigir a WhatsApp\r\n        window.open(`https:\/\/wa.me\/${phoneNumber}?text=${encodedMessage}`, '_blank');\r\n        \r\n        \/\/ Opcional: Resetear formulario despu\u00e9s de 1 segundo\r\n        setTimeout(() => {\r\n            event.target.reset();\r\n        }, 1000);\r\n    }\r\n    \r\n    \/\/ Validaci\u00f3n b\u00e1sica de fechas\r\n    document.getElementById(\"check-out\").addEventListener(\"change\", function() {\r\n        const checkIn = new Date(document.getElementById(\"check-in\").value);\r\n        const checkOut = new Date(this.value);\r\n        \r\n        if (checkOut <= checkIn) {\r\n            alert(\"La fecha de salida debe ser posterior a la de entrada\");\r\n            this.value = \"\";\r\n        }\r\n    });\r\n    <\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Habitacion Estandar Superior 202 Booking now 25$-30$\/Per night Size: 40 m\u00b2 Capacity: 3 Persons Bed: King-size bed and single bed Services: \u2713 Air conditioning \u2713 Wardrobe \u2713 Mirror \u2713 Nightstand \u2713 Hair dryer \u2713 Mini-fridge Comfortable RoomAir-conditioned with excellent natural lighting and ventilation. Features windows and a private balcony. Includes a private bathroom with hair [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":595,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1629","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"enabled","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Inicio","__id":"9nQ8y9CMprMZfmULbDwlF"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false},"__id":"j64TW4phdW6Vw2AYH7ieL"},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"Por","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"El","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"El","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"En","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true},"__id":"4Gshg1j-IEPwCaC4LFcQj"},{"id":"breadcrumbs","enabled":true,"__id":"EANvf-cnKR2RMqRAjCq6x","hero_item_spacing":"10"}],"hero_alignment1":"center","styles_descriptor":{"styles":{"desktop":"[data-prefix=\"single_page\"] .entry-header .page-title {--theme-font-size:30px;} [data-prefix=\"single_page\"] .entry-header .entry-meta {--theme-font-weight:600;--theme-text-transform:uppercase;--theme-font-size:12px;--theme-line-height:1.3;} [data-prefix=\"single_page\"] .hero-section[data-type=\"type-1\"] {--alignment:center;--margin-bottom:20px;} [data-prefix=\"single_page\"] .hero-section .ct-breadcrumbs {--itemSpacing:10px;}","tablet":"","mobile":""},"google_fonts":[],"version":6},"hero_margin":"20px","hero_section":"type-1","page_structure_type":"default"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Room 202 Details - Hostal Casa Grande Baracoa<\/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:\/\/casagrandebaracoa.com\/es\/rooms\/room-202-details\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Room 202 Details - Hostal Casa Grande Baracoa\" \/>\n<meta property=\"og:description\" content=\"Habitacion Estandar Superior 202 Booking now 25$-30$\/Per night Size: 40 m\u00b2 Capacity: 3 Persons Bed: King-size bed and single bed Services: \u2713 Air conditioning \u2713 Wardrobe \u2713 Mirror \u2713 Nightstand \u2713 Hair dryer \u2713 Mini-fridge Comfortable RoomAir-conditioned with excellent natural lighting and ventilation. Features windows and a private balcony. Includes a private bathroom with hair [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/casagrandebaracoa.com\/es\/rooms\/room-202-details\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostal Casa Grande Baracoa\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-28T06:16:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/\",\"url\":\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/\",\"name\":\"Room 202 Details - Hostal Casa Grande Baracoa\",\"isPartOf\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg\",\"datePublished\":\"2025-06-21T18:05:32+00:00\",\"dateModified\":\"2025-06-28T06:16:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#primaryimage\",\"url\":\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg\",\"contentUrl\":\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/casagrandebaracoa.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rooms\",\"item\":\"https:\/\/casagrandebaracoa.com\/rooms\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Room 202 Details\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/casagrandebaracoa.com\/#website\",\"url\":\"https:\/\/casagrandebaracoa.com\/\",\"name\":\"Hostal Casa Grande Baracoa | Alojamiento Aut\u00e9ntico en Cuba\",\"description\":\"Hostal Casa Grande Baracoa | Alojamiento Aut\u00e9ntico en Cuba\",\"publisher\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/casagrandebaracoa.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/casagrandebaracoa.com\/#organization\",\"name\":\"Hostal Casa Grande Baracoa\",\"url\":\"https:\/\/casagrandebaracoa.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/casagrandebaracoa.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/07\/logo-casa-grande-baracoa-optimized.png\",\"contentUrl\":\"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/07\/logo-casa-grande-baracoa-optimized.png\",\"width\":300,\"height\":300,\"caption\":\"Hostal Casa Grande Baracoa\"},\"image\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Room 202 Details - Hostal Casa Grande Baracoa","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:\/\/casagrandebaracoa.com\/es\/rooms\/room-202-details\/","og_locale":"es_ES","og_type":"article","og_title":"Room 202 Details - Hostal Casa Grande Baracoa","og_description":"Habitacion Estandar Superior 202 Booking now 25$-30$\/Per night Size: 40 m\u00b2 Capacity: 3 Persons Bed: King-size bed and single bed Services: \u2713 Air conditioning \u2713 Wardrobe \u2713 Mirror \u2713 Nightstand \u2713 Hair dryer \u2713 Mini-fridge Comfortable RoomAir-conditioned with excellent natural lighting and ventilation. Features windows and a private balcony. Includes a private bathroom with hair [&hellip;]","og_url":"https:\/\/casagrandebaracoa.com\/es\/rooms\/room-202-details\/","og_site_name":"Hostal Casa Grande Baracoa","article_modified_time":"2025-06-28T06:16:05+00:00","og_image":[{"url":"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/","url":"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/","name":"Room 202 Details - Hostal Casa Grande Baracoa","isPartOf":{"@id":"https:\/\/casagrandebaracoa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#primaryimage"},"image":{"@id":"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#primaryimage"},"thumbnailUrl":"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg","datePublished":"2025-06-21T18:05:32+00:00","dateModified":"2025-06-28T06:16:05+00:00","breadcrumb":{"@id":"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#primaryimage","url":"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg","contentUrl":"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/06\/room-202-hostal-casa-grande-baracoa-4.jpeg"},{"@type":"BreadcrumbList","@id":"https:\/\/casagrandebaracoa.com\/rooms\/room-202-details\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/casagrandebaracoa.com\/"},{"@type":"ListItem","position":2,"name":"Rooms","item":"https:\/\/casagrandebaracoa.com\/rooms\/"},{"@type":"ListItem","position":3,"name":"Room 202 Details"}]},{"@type":"WebSite","@id":"https:\/\/casagrandebaracoa.com\/#website","url":"https:\/\/casagrandebaracoa.com\/","name":"Hostal Casa Grande Baracoa | Alojamiento Aut\u00e9ntico en Cuba","description":"Hostal Casa Grande Baracoa | Alojamiento Aut\u00e9ntico en Cuba","publisher":{"@id":"https:\/\/casagrandebaracoa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/casagrandebaracoa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/casagrandebaracoa.com\/#organization","name":"Hostal Casa Grande Baracoa","url":"https:\/\/casagrandebaracoa.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/casagrandebaracoa.com\/#\/schema\/logo\/image\/","url":"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/07\/logo-casa-grande-baracoa-optimized.png","contentUrl":"https:\/\/casagrandebaracoa.com\/wp-content\/uploads\/2025\/07\/logo-casa-grande-baracoa-optimized.png","width":300,"height":300,"caption":"Hostal Casa Grande Baracoa"},"image":{"@id":"https:\/\/casagrandebaracoa.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/pages\/1629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/comments?post=1629"}],"version-history":[{"count":37,"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/pages\/1629\/revisions"}],"predecessor-version":[{"id":2457,"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/pages\/1629\/revisions\/2457"}],"up":[{"embeddable":true,"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/pages\/595"}],"wp:attachment":[{"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/media?parent=1629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}