{"id":662,"date":"2025-05-31T01:07:36","date_gmt":"2025-05-30T23:07:36","guid":{"rendered":"https:\/\/casagrandebaracoa.com\/?page_id=662"},"modified":"2025-06-16T22:05:10","modified_gmt":"2025-06-16T20:05:10","slug":"room-details","status":"publish","type":"page","link":"https:\/\/casagrandebaracoa.com\/es\/room-details\/","title":{"rendered":"Rooms Detail"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"662\" class=\"elementor elementor-662\">\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\r\n <style> \r\n .room-details {\r\n            background: white;\r\n            border-radius: 10px;\r\n            overflow: hidden;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.1);\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .room-gallery {\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 600px;\r\n        }\r\n        \r\n        .main-image {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n            transition: transform 0.5s ease;\r\n        }\r\n        \r\n        .thumbnails {\r\n            display: flex;\r\n            overflow-x: auto;\r\n            padding: 15px 0;\r\n            background: rgba(0,0,0,0.05);\r\n            scrollbar-width: thin;\r\n            scrollbar-color: #d4af37 transparent;\r\n        }\r\n        \r\n        .thumbnails::-webkit-scrollbar {\r\n            height: 8px;\r\n        }\r\n        \r\n        .thumbnails::-webkit-scrollbar-thumb {\r\n            background: #d4af37;\r\n            border-radius: 4px;\r\n        }\r\n        \r\n        .thumbnail {\r\n            min-width: 120px;\r\n            height: 80px;\r\n            margin: 0 10px;\r\n            border-radius: 5px;\r\n            overflow: hidden;\r\n            cursor: pointer;\r\n            opacity: 0.7;\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n            flex-shrink: 0;\r\n        }\r\n        \r\n        .thumbnail:hover, .thumbnail.active {\r\n            opacity: 1;\r\n            transform: scale(1.05);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .thumbnail img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n        \r\n        .gallery-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 0 20px;\r\n            transform: translateY(-50%);\r\n            z-index: 10;\r\n        }\r\n        \r\n        .gallery-btn {\r\n            width: 50px;\r\n            height: 50px;\r\n            background: rgba(255, 255, 255, 0.8);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: #8b4513;\r\n            font-size: 1.5rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            box-shadow: 0 3px 10px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        .gallery-btn:hover {\r\n            background: white;\r\n            transform: scale(1.1);\r\n        }\r\n        \r\n        .room-info {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            padding: 30px;\r\n        }\r\n        \r\n        .room-description {\r\n            flex: 1;\r\n            min-width: 300px;\r\n            padding-right: 30px;\r\n        }\r\n        \r\n        .room-description h2 {\r\n            color: #8b4513;\r\n            margin-bottom: 20px;\r\n            font-size: 2rem;\r\n        }\r\n        \r\n        .room-description p {\r\n            margin-bottom: 20px;\r\n            color: #555;\r\n        }\r\n        \r\n        .features {\r\n            margin: 20px 0;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .feature {\r\n            display: flex;\r\n            align-items: center;\r\n            margin-right: 25px;\r\n            margin-bottom: 15px;\r\n            color: #555;\r\n        }\r\n        \r\n        .feature i {\r\n            color: #d4af37;\r\n            margin-right: 8px;\r\n            font-size: 1.2rem;\r\n        }\r\n        \r\n        .room-booking {\r\n            flex: 0 0 300px;\r\n            background: #f5f1e6;\r\n            padding: 25px;\r\n            border-radius: 10px;\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.05);\r\n        }\r\n        \r\n        .price {\r\n            font-size: 2rem;\r\n            color: #8b4513;\r\n            margin-bottom: 20px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .price span {\r\n            font-size: 1rem;\r\n            color: #777;\r\n        }\r\n        \r\n        .booking-btn {\r\n            display: block;\r\n            width: 100%;\r\n            padding: 15px;\r\n            background: #16a085;\r\n            color: white;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            border-radius: 5px;\r\n            font-weight: bold;\r\n            transition: all 0.3s ease;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .booking-btn:hover {\r\n            background: #128C7E;\r\n            transform: translateY(-3px);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\r\n        }\r\n        \r\n        .amenities-list {\r\n            list-style: none;\r\n            margin-top: 15px;\r\n        }\r\n        \r\n        .amenities-list li {\r\n            padding: 8px 0;\r\n            border-bottom: 1px dashed #ddd;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n        \r\n        .amenities-list li:before {\r\n            content: \"\u2713\";\r\n            color: #16a085;\r\n            margin-right: 10px;\r\n            font-weight: bold;\r\n        }\r\n        \r\n        .lightbox {\r\n            position: fixed;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: rgba(0,0,0,0.9);\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 1000;\r\n            opacity: 0;\r\n            pointer-events: none;\r\n            transition: opacity 0.3s ease;\r\n        }\r\n        \r\n        .lightbox.active {\r\n            opacity: 1;\r\n            pointer-events: all;\r\n        }\r\n        \r\n        .lightbox-content {\r\n            max-width: 90%;\r\n            max-height: 90%;\r\n        }\r\n        \r\n        .lightbox-content img {\r\n            max-width: 100%;\r\n            max-height: 80vh;\r\n            display: block;\r\n            margin: 0 auto;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n        }\r\n        \r\n        .lightbox-close {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 30px;\r\n            color: white;\r\n            font-size: 2.5rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .lightbox-close:hover {\r\n            color: #d4af37;\r\n            transform: scale(1.2);\r\n        }\r\n        \r\n        .lightbox-nav {\r\n            position: absolute;\r\n            top: 50%;\r\n            width: 100%;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            padding: 0 30px;\r\n            transform: translateY(-50%);\r\n        }\r\n        \r\n        .lightbox-btn {\r\n            width: 60px;\r\n            height: 60px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            font-size: 2rem;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n        \r\n        .lightbox-btn:hover {\r\n            background: rgba(255, 255, 255, 0.3);\r\n        }\r\n        \r\n        @media (max-width: 768px) {\r\n            .room-gallery {\r\n                height: 350px;\r\n            }\r\n            \r\n            .room-info {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .room-description {\r\n                padding-right: 0;\r\n                margin-bottom: 30px;\r\n            }\r\n            \r\n            .gallery-btn {\r\n                width: 40px;\r\n                height: 40px;\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .thumbnail {\r\n                min-width: 90px;\r\n                height: 60px;\r\n            }\r\n        }\r\n \r\n <\/style>\r\n\r\n\r\n <div class=\"container\">\r\n       \r\n        \r\n        <div class=\"room-details\">\r\n            <div class=\"room-gallery\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80\" alt=\"Habitaci\u00f3n principal\" class=\"main-image\" id=\"mainImage\">\r\n                \r\n                <div class=\"gallery-nav\">\r\n                    <div class=\"gallery-btn prev-btn\">\r\n                        <i class=\"fas fa-chevron-left\"><\/i>\r\n                    <\/div>\r\n                    <div class=\"gallery-btn next-btn\">\r\n                        <i class=\"fas fa-chevron-right\"><\/i>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"thumbnails\" id=\"thumbnailsContainer\">\r\n                    <div class=\"thumbnail active\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80\" alt=\"Vista principal de la habitaci\u00f3n\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611892440504-42a792e24d32?ixlib=rb-4.0.3&auto=format&fit=crop&w=1170&q=80\" alt=\"Ba\u00f1o de lujo\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1584132967334-10e028bd69f7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1170&q=80\" alt=\"Terraza privada\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1616486029423-aaa4789e8c9a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1333&q=80\" alt=\"Vista desde la habitaci\u00f3n\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1169&q=80\" alt=\"Detalle decorativo\">\r\n                    <\/div>\r\n                    <div class=\"thumbnail\">\r\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1169&q=80\" alt=\"Detalle decorativo\">\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n         \r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"lightbox\" id=\"lightbox\">\r\n        <div class=\"lightbox-close\" id=\"lightboxClose\">\r\n            <i class=\"fas fa-times\"><\/i>\r\n        <\/div>\r\n        <div class=\"lightbox-nav\">\r\n            <div class=\"lightbox-btn lightbox-prev\">\r\n                <i class=\"fas fa-chevron-left\"><\/i>\r\n            <\/div>\r\n            <div class=\"lightbox-btn lightbox-next\">\r\n                <i class=\"fas fa-chevron-right\"><\/i>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"lightbox-content\">\r\n            <img decoding=\"async\" id=\"lightboxImage\" src=\"\" alt=\"\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n \r\n  <script>\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            \/\/ Elementos de la galer\u00eda\r\n            const mainImage = document.getElementById('mainImage');\r\n            const thumbnailsContainer = document.getElementById('thumbnailsContainer');\r\n            const thumbnails = thumbnailsContainer.querySelectorAll('.thumbnail');\r\n            const prevBtn = document.querySelector('.prev-btn');\r\n            const nextBtn = document.querySelector('.next-btn');\r\n            \r\n            \/\/ Elementos del lightbox\r\n            const lightbox = document.getElementById('lightbox');\r\n            const lightboxImage = document.getElementById('lightboxImage');\r\n            const lightboxClose = document.getElementById('lightboxClose');\r\n            const lightboxPrev = document.querySelector('.lightbox-prev');\r\n            const lightboxNext = document.querySelector('.lightbox-next');\r\n            \r\n            let currentIndex = 0;\r\n            const images = [\r\n                'https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1611892440504-42a792e24d32?ixlib=rb-4.0.3&auto=format&fit=crop&w=1170&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1584132967334-10e028bd69f7?ixlib=rb-4.0.3&auto=format&fit=crop&w=1170&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1616486029423-aaa4789e8c9a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1333&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1169&q=80',\r\n                'https:\/\/images.unsplash.com\/photo-1513694203232-719a280e022f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1169&q=80'\r\n            ];\r\n            \r\n            \/\/ Cambiar imagen principal al hacer clic en miniatura\r\n            thumbnails.forEach((thumb, index) => {\r\n                thumb.addEventListener('click', function() {\r\n                    \/\/ Actualizar imagen principal\r\n                    const imgSrc = this.querySelector('img').src;\r\n                    mainImage.src = imgSrc;\r\n                    \r\n                    \/\/ Actualizar miniatura activa\r\n                    thumbnails.forEach(t => t.classList.remove('active'));\r\n                    this.classList.add('active');\r\n                    \r\n                    \/\/ Actualizar \u00edndice actual\r\n                    currentIndex = index;\r\n                });\r\n            });\r\n            \r\n            \/\/ Navegaci\u00f3n con botones\r\n            prevBtn.addEventListener('click', function() {\r\n                currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n                updateMainImage(currentIndex);\r\n            });\r\n            \r\n            nextBtn.addEventListener('click', function() {\r\n                currentIndex = (currentIndex + 1) % images.length;\r\n                updateMainImage(currentIndex);\r\n            });\r\n            \r\n            \/\/ Abrir imagen en lightbox\r\n            mainImage.addEventListener('click', function() {\r\n                lightboxImage.src = this.src;\r\n                lightbox.classList.add('active');\r\n                document.body.style.overflow = 'hidden';\r\n            });\r\n            \r\n            \/\/ Cerrar lightbox\r\n            lightboxClose.addEventListener('click', function() {\r\n                lightbox.classList.remove('active');\r\n                document.body.style.overflow = 'auto';\r\n            });\r\n            \r\n            \/\/ Navegaci\u00f3n en lightbox\r\n            lightboxPrev.addEventListener('click', function() {\r\n                currentIndex = (currentIndex - 1 + images.length) % images.length;\r\n                lightboxImage.src = images[currentIndex];\r\n            });\r\n            \r\n            lightboxNext.addEventListener('click', function() {\r\n                currentIndex = (currentIndex + 1) % images.length;\r\n                lightboxImage.src = images[currentIndex];\r\n            });\r\n            \r\n            \/\/ Cerrar lightbox con ESC\r\n            document.addEventListener('keydown', function(e) {\r\n                if (e.key === 'Escape' && lightbox.classList.contains('active')) {\r\n                    lightbox.classList.remove('active');\r\n                    document.body.style.overflow = 'auto';\r\n                }\r\n            });\r\n            \r\n            \/\/ Funci\u00f3n para actualizar imagen principal\r\n            function updateMainImage(index) {\r\n                mainImage.src = images[index];\r\n                \r\n                \/\/ Actualizar miniatura activa\r\n                thumbnails.forEach((thumb, i) => {\r\n                    if (i === index) {\r\n                        thumb.classList.add('active');\r\n                    } else {\r\n                        thumb.classList.remove('active');\r\n                    }\r\n                });\r\n                \r\n                \/\/ Desplazar a la miniatura activa\r\n                const activeThumb = thumbnails[index];\r\n                activeThumb.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'center' });\r\n            }\r\n        });\r\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\">Premium King Room<\/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=\"#\">\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\">159$\/Pernight<\/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><tbody><tr><td class=\"r-o\">Tama\u00f1o:<\/td><td>30 ft<\/td><\/tr><tr><td class=\"r-o\">Capacidad:<\/td><td>Max persion 5<\/td><\/tr><tr><td class=\"r-o\">Cama:<\/td><td>King Beds<\/td><\/tr><tr><td class=\"r-o\">Servicios:<\/td><td>Wifi, Television, Bathroom,&#8230;<\/td><\/tr><\/tbody><\/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\">Motorhome or Trailer that is the question for you. Here are some of the advantages and disadvantages of both, so you will be confident when purchasing an RV. When comparing Rvs, a motorhome or a travel trailer, should you buy a motorhome or fifth wheeler? The advantages and disadvantages of both are studied so that you can make your choice wisely when purchasing an RV. Possessing a motorhome or fifth wheel is an achievement of a lifetime. It can be similar to sojourning with your residence as you search the various sites of our great land, America.<\/p><p>The two commonly known recreational vehicle classes are the motorized and towable. Towable rvs are the travel trailers and the fifth wheel. The rv travel trailer or fifth wheel has the attraction of getting towed by a pickup or a car, thus giving the adaptability of possessing transportation for you when you are parked at your campsite.<\/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\" 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<!-- Formulario de reserva -->\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 Entrada*<\/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 Salida*<\/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=\"\">Seleccione una opci\u00f3n<\/option>\r\n                        <option value=\"Premium King Room\">Habitaci\u00f3n Premium King ($159\/noche)<\/option>\r\n                        <option value=\"Standard Room\">Habitaci\u00f3n Standard ($99\/noche)<\/option>\r\n                        <option value=\"Familiar Room\">Habitaci\u00f3n Familiar ($199\/noche)<\/option>\r\n                        <option value=\"Bungalow Vista Mar\">Bungalow Vista Mar ($229\/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\">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=\"+53 5xxxxxxx\" required>\r\n                <\/div>\r\n                \r\n                <div class=\"form-group\">\r\n                    <label for=\"special-requests\">Solicitudes Especiales<\/label>\r\n                    <textarea id=\"special-requests\" rows=\"3\" placeholder=\"Ej: 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                    *Te contactaremos por WhatsApp para confirmar disponibilidad y 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 = \"5355354530\"; \/\/ 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>Premium King Room Booking now 159$\/Pernight Size: 30 ft Capacity: Max persion 5 Bed: King Beds Services: Wifi, Television, Bathroom,&#8230; Motorhome or Trailer that is the question for you. Here are some of the advantages and disadvantages of both, so you will be confident when purchasing an RV. When comparing Rvs, a motorhome or a [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-662","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>Rooms Detail - 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\/room-details\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rooms Detail - Hostal Casa Grande Baracoa\" \/>\n<meta property=\"og:description\" content=\"Premium King Room Booking now 159$\/Pernight Size: 30 ft Capacity: Max persion 5 Bed: King Beds Services: Wifi, Television, Bathroom,&#8230; Motorhome or Trailer that is the question for you. Here are some of the advantages and disadvantages of both, so you will be confident when purchasing an RV. When comparing Rvs, a motorhome or a [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/casagrandebaracoa.com\/es\/room-details\/\" \/>\n<meta property=\"og:site_name\" content=\"Hostal Casa Grande Baracoa\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T20:05:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/casagrandebaracoa.com\/room-details\/\",\"url\":\"https:\/\/casagrandebaracoa.com\/room-details\/\",\"name\":\"Rooms Detail - Hostal Casa Grande Baracoa\",\"isPartOf\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/room-details\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/room-details\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80\",\"datePublished\":\"2025-05-30T23:07:36+00:00\",\"dateModified\":\"2025-06-16T20:05:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/casagrandebaracoa.com\/room-details\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/casagrandebaracoa.com\/room-details\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/casagrandebaracoa.com\/room-details\/#primaryimage\",\"url\":\"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80\",\"contentUrl\":\"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/casagrandebaracoa.com\/room-details\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/casagrandebaracoa.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Rooms Detail\"}]},{\"@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":"Rooms Detail - 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\/room-details\/","og_locale":"es_ES","og_type":"article","og_title":"Rooms Detail - Hostal Casa Grande Baracoa","og_description":"Premium King Room Booking now 159$\/Pernight Size: 30 ft Capacity: Max persion 5 Bed: King Beds Services: Wifi, Television, Bathroom,&#8230; Motorhome or Trailer that is the question for you. Here are some of the advantages and disadvantages of both, so you will be confident when purchasing an RV. When comparing Rvs, a motorhome or a [&hellip;]","og_url":"https:\/\/casagrandebaracoa.com\/es\/room-details\/","og_site_name":"Hostal Casa Grande Baracoa","article_modified_time":"2025-06-16T20:05:10+00:00","og_image":[{"url":"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/casagrandebaracoa.com\/room-details\/","url":"https:\/\/casagrandebaracoa.com\/room-details\/","name":"Rooms Detail - Hostal Casa Grande Baracoa","isPartOf":{"@id":"https:\/\/casagrandebaracoa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/casagrandebaracoa.com\/room-details\/#primaryimage"},"image":{"@id":"https:\/\/casagrandebaracoa.com\/room-details\/#primaryimage"},"thumbnailUrl":"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80","datePublished":"2025-05-30T23:07:36+00:00","dateModified":"2025-06-16T20:05:10+00:00","breadcrumb":{"@id":"https:\/\/casagrandebaracoa.com\/room-details\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/casagrandebaracoa.com\/room-details\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/casagrandebaracoa.com\/room-details\/#primaryimage","url":"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80","contentUrl":"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?ixlib=rb-4.0.3&auto=format&fit=crop&w=1074&q=80"},{"@type":"BreadcrumbList","@id":"https:\/\/casagrandebaracoa.com\/room-details\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/casagrandebaracoa.com\/"},{"@type":"ListItem","position":2,"name":"Rooms Detail"}]},{"@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\/662","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=662"}],"version-history":[{"count":65,"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/pages\/662\/revisions"}],"predecessor-version":[{"id":1286,"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/pages\/662\/revisions\/1286"}],"wp:attachment":[{"href":"https:\/\/casagrandebaracoa.com\/es\/wp-json\/wp\/v2\/media?parent=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}