{"id":20842,"date":"2026-10-24T12:08:43","date_gmt":"2026-10-24T12:08:43","guid":{"rendered":"https:\/\/ruca-lemu.com.ar\/?page_id=20842"},"modified":"2026-10-24T13:29:58","modified_gmt":"2026-10-24T13:29:58","slug":"calendario-de-disponibilidad","status":"publish","type":"page","link":"https:\/\/ruca-lemu.com.ar\/?page_id=20842","title":{"rendered":"Calendario de Disponibilidad"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20842\" class=\"elementor elementor-20842\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-058209f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"058209f\" 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-853f15f\" data-id=\"853f15f\" 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-01cf9e8 elementor-widget elementor-widget-heading\" data-id=\"01cf9e8\" data-element_type=\"widget\" data-e-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\">Calendario de Disponibilidad<\/h2>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0811cab elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0811cab\" 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-d36aa95\" data-id=\"d36aa95\" 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-37f1da7 elementor-widget elementor-widget-text-editor\" data-id=\"37f1da7\" data-element_type=\"widget\" data-e-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 style=\"text-align: center;\"><strong>La disponibilidad expresada en este calendario es orientativa y se actualiza peri\u00f3dicamente. La reserva final queda sujeta a confirmaci\u00f3n directa seg\u00fan la recepci\u00f3n del pedido.<\/strong><\/p>\t\t\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3d7c5c7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3d7c5c7\" 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-b483da5\" data-id=\"b483da5\" 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-2aed562 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"2aed562\" data-element_type=\"widget\" data-e-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=\"https:\/\/ruca-lemu.com.ar\/?page_id=20204\">\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\">Solicitar Reserva<\/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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bfa77c4 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"bfa77c4\" 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-18c768e\" data-id=\"18c768e\" 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-72167e7 elementor-widget elementor-widget-html\" data-id=\"72167e7\" 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<!-- Leyenda explicativa arriba -->\n<div class=\"rc-legend-container\">\n    <div class=\"rc-legend-item\">\n        <span class=\"rc-color-box rc-disponible\"><\/span> Disponible\n    <\/div>\n    <div class=\"rc-legend-item\">\n        <span class=\"rc-color-box rc-no-disponible\"><\/span> Ocupado\n    <\/div>\n<\/div>\n\n<p class=\"rc-notice\">\n    \ud83d\udca1 <strong>Aviso de disponibilidad:<\/strong> El calendario es orientativo y se actualiza periodicamente. Las reservas quedan sujetas a confirmaci\u00f3n final.\n<\/p>\n\n<div id=\"ruca-calendar-container\">\n    <div class=\"rc-loading\">Cargando disponibilidad de caba\u00f1as...<\/div>\n<\/div>\n\n<style>\n\/* Leyenda arriba *\/\n.rc-legend-container {\n    display: flex;\n    gap: 20px;\n    justify-content: center;\n    margin-bottom: 12px;\n    font-size: 13px;\n    font-weight: 600;\n}\n.rc-legend-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n}\n.rc-color-box {\n    width: 16px;\n    height: 16px;\n    border-radius: 3px;\n    display: inline-block;\n}\n\n\/* Aviso superior *\/\n.rc-notice {\n    font-size: 12px;\n    color: #444;\n    background-color: #f8f9fa;\n    border-left: 4px solid #2c3e50;\n    padding: 8px 12px;\n    margin-bottom: 15px;\n    border-radius: 0 4px 4px 0;\n}\n\n\/* Contenedor de la tabla con Scroll *\/\n#ruca-calendar-container {\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n    color: #222;\n    max-width: 100%;\n    margin: 10px 0;\n}\n.rc-table-wrapper {\n    max-width: 100%;\n    max-height: 480px; \/* Controla el alto visible del calendario para scroll vertical *\/\n    overflow: auto;\n    border-radius: 6px;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.08);\n    border: 1px solid #ccc;\n    -webkit-overflow-scrolling: touch;\n}\n.rc-table {\n    border-collapse: separate; \/* Necesario para que el sticky funcione bien con bordes *\/\n    border-spacing: 0;\n    background: #fff;\n    text-align: center;\n    font-size: 11px;\n    white-space: nowrap;\n}\n.rc-table th, .rc-table td {\n    padding: 6px 4px;\n    border-bottom: 1px solid #dcdcdc;\n    border-right: 1px solid #dcdcdc;\n    min-width: 65px; \/* Ancho c\u00f3modo por caba\u00f1a para permitir scroll holgado *\/\n}\n\n\/* Encabezados de Caba\u00f1as (Fijos arriba al scrollear hacia abajo) *\/\n.rc-table th {\n    background-color: #2c3e50;\n    color: #fff;\n    font-weight: 600;\n    font-size: 11px;\n    position: sticky;\n    top: 0;\n    z-index: 2;\n    padding: 10px 6px;\n}\n\n\/* Esquina \"Fecha\" (Fija arriba e izquierda al mismo tiempo) *\/\n.rc-table th.rc-date-col {\n    position: sticky;\n    left: 0;\n    top: 0;\n    z-index: 4;\n    background-color: #1a252f;\n    min-width: 95px; \/* Ancho suficiente para que la fecha no se encime *\/\n    max-width: 95px;\n}\n\n\/* Columna de Fechas (Fija a la izquierda al scrollear de costado) *\/\n.rc-table td.rc-date-cell {\n    font-weight: 600;\n    background-color: #f4f6f7;\n    text-align: center;\n    position: sticky;\n    left: 0;\n    z-index: 3;\n    border-right: 2px solid #bbb;\n    font-size: 11px;\n    min-width: 95px;\n    max-width: 95px;\n    padding: 6px 2px;\n}\n\n.rc-day-subtitle {\n    color: #666;\n    display: block;\n    font-size: 9px;\n    font-weight: normal;\n    text-transform: capitalize;\n}\n\n\/* Celdas pintadas *\/\ntd.rc-cell-disponible {\n    background-color: #2ecc71 !important;\n    border-bottom: 1px solid #27ae60 !important;\n    border-right: 1px solid #27ae60 !important;\n}\ntd.rc-cell-no-disponible {\n    background-color: #e74c3c !important;\n    border-bottom: 1px solid #c0392b !important;\n    border-right: 1px solid #c0392b !important;\n}\n\n\/* Colores de leyenda *\/\n.rc-color-box.rc-disponible {\n    background-color: #2ecc71;\n    border: 1px solid #27ae60;\n}\n.rc-color-box.rc-no-disponible {\n    background-color: #e74c3c;\n    border: 1px solid #c0392b;\n}\n\n.rc-loading {\n    text-align: center;\n    padding: 20px;\n    font-size: 13px;\n    color: #666;\n}\n.rc-error {\n    text-align: center;\n    padding: 15px;\n    color: #d9534f;\n    background: #fdf7f7;\n    border-radius: 4px;\n    border: 1px solid #f5c6cb;\n    font-size: 13px;\n}\n<\/style>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const webAppUrl = 'https:\/\/script.google.com\/macros\/s\/AKfycbzWJ2_J6zlNncJdGxGyvcgM5g6ticbsQicobuWr2VhWVP4ZKMKYWpz_WRps-UWbwZPH\/exec'; \/\/ <--- PEGA TU URL AQU\u00cd\n    const container = document.getElementById('ruca-calendar-container');\n\n    if (!webAppUrl || webAppUrl.includes('TU_URL')) {\n        container.innerHTML = '<div class=\"rc-error\">Por favor, configura la URL de Apps Script en el c\u00f3digo.<\/div>';\n        return;\n    }\n\n    fetch(webAppUrl)\n        .then(response => response.json())\n        .then(data => {\n            if (data.error) {\n                container.innerHTML = '<div class=\"rc-error\">Error al cargar datos: ' + data.error + '<\/div>';\n                return;\n            }\n\n            if (!data || data.length === 0) {\n                container.innerHTML = '<div class=\"rc-error\">No se encontraron datos en la planilla.<\/div>';\n                return;\n            }\n\n            const cabins = Object.keys(data[0].availability);\n\n            let html = '<div class=\"rc-table-wrapper\"><table class=\"rc-table\">';\n            html += '<thead><tr><th class=\"rc-date-col\">Fecha<\/th>';\n            \n            cabins.forEach(cabin => {\n                html += `<th>${cabin}<\/th>`;\n            });\n            html += '<\/tr><\/thead><tbody>';\n\n            data.forEach(row => {\n                let cleanDate = row.date;\n                if (cleanDate.includes('T')) {\n                    const parts = cleanDate.split('T')[0].split('-');\n                    if (parts.length === 3) {\n                        cleanDate = `${parts[2]}\/${parts[1]}\/${parts[0]}`;\n                    }\n                }\n\n                html += `<tr><td class=\"rc-date-cell\">${cleanDate}<span class=\"rc-day-subtitle\">${row.day}<\/span><\/td>`;\n                \n                cabins.forEach(cabin => {\n                    const status = row.availability[cabin] || \"\";\n                    let cellClass = \"\";\n\n                    if (status.toLowerCase().includes(\"disponible\") && !status.toLowerCase().includes(\"no\")) {\n                        cellClass = \"rc-cell-disponible\";\n                    } else {\n                        cellClass = \"rc-cell-no-disponible\";\n                    }\n\n                    html += `<td class=\"${cellClass}\"><\/td>`;\n                });\n\n                html += '<\/tr>';\n            });\n\n            html += '<\/tbody><\/table><\/div>';\n            container.innerHTML = html;\n        })\n        .catch(error => {\n            console.error('Error:', error);\n            container.innerHTML = '<div class=\"rc-error\">Hubo un problema al conectar con el sistema de reservas.<\/div>';\n        });\n});\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e7d979f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e7d979f\" 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-99f141d\" data-id=\"99f141d\" 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-bad1f18 elementor-align-center elementor-widget elementor-widget-button\" data-id=\"bad1f18\" data-element_type=\"widget\" data-e-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=\"https:\/\/ruca-lemu.com.ar\/?page_id=20204\">\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\">Solicitar Reserva<\/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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2dae2fc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2dae2fc\" 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-6f6f57d\" data-id=\"6f6f57d\" 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-5e99320 elementor-shape-rounded elementor-grid-0 e-grid-align-center elementor-widget elementor-widget-social-icons\" data-id=\"5e99320\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\" role=\"list\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-facebook elementor-repeater-item-76077d0\" href=\"https:\/\/www.facebook.com\/Ruca-Lemu-Chascom%C3%BAs-915731661821634\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Facebook<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-facebook\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-youtube elementor-repeater-item-0395a82\" href=\"https:\/\/www.youtube.com\/channel\/UC-HEeeFOZT6Q69pismoYSXA\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Youtube<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-youtube\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-instagram elementor-repeater-item-e671f38\" href=\"https:\/\/www.instagram.com\/ruca.lemu\/\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Instagram<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-instagram\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-tripadvisor elementor-repeater-item-1d71d30\" href=\"https:\/\/www.tripadvisor.com.ar\/Hotel_Review-g312746-d3786021-Reviews-Ruca_Lemu_Apart_Cabanas-Chascomus_Province_of_Buenos_Aires_Central_Argentina.html\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Tripadvisor<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-tripadvisor\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\" role=\"listitem\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon-whatsapp elementor-repeater-item-972a903\" href=\"https:\/\/wa.me\/5492241538115?text=Me%20interesa%20disponibilidad%20y%20servicios%20fechas%3A\" target=\"_blank\" rel=\"noopener\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\">Whatsapp<\/span>\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fab fa-whatsapp\"><\/i>\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\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>Calendario de Disponibilidad La disponibilidad expresada en este calendario es orientativa y se actualiza peri\u00f3dicamente. La reserva final queda sujeta a confirmaci\u00f3n directa seg\u00fan la recepci\u00f3n del pedido. Solicitar Reserva Cargando disponibilidad de caba\u00f1as&#8230; Solicitar Reserva Facebook Youtube Instagram Tripadvisor Whatsapp<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-20842","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/20842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20842"}],"version-history":[{"count":28,"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/20842\/revisions"}],"predecessor-version":[{"id":20872,"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=\/wp\/v2\/pages\/20842\/revisions\/20872"}],"wp:attachment":[{"href":"https:\/\/ruca-lemu.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}