Product Page<\/title>\r\n<style>\r\n .glossier-product-container {\r\n display: flex;\r\n max-width: 100%;\r\n margin: 0 auto;\r\n padding: 0;\r\n gap: 5px;\r\n height: 700px;\r\n background-color: #fff;\r\n }\r\n \r\n .product-info-section {\r\n flex: 1;\r\n padding: 10px;\r\n font-size: 14px;\r\n height: 700px;\r\n overflow-y: auto;\r\n background-color: #fff;\r\n display: flex; \r\n flex-direction: column; \r\n justify-content: center; \r\n }\r\n \r\n .product-images-container {\r\n flex: 4;\r\n display: flex;\r\n height: 700px;\r\n gap: 10px;\r\n }\r\n \r\n .portrait-image {\r\n flex: 1.2; \r\n overflow: hidden;\r\n height: 700px;\r\n background-color: #fff;\r\n display: flex; \r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .portrait-image img {\r\n width: 100%;\r\n border-radius: 0px;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n \r\n .product-gallery {\r\n flex: 0.8; \r\n display: flex;\r\n flex-direction: column;\r\n height: 700px; \r\n background-color: #fff;\r\n }\r\n \r\n .product-title {\r\n margin-left: 15px;\r\n font-size: 27px;\r\n font-weight: 800;\r\n margin-bottom: 15px;\r\n color: #333;\r\n }\r\n \r\n .roomsize {\r\n margin-left: 15px;\r\n font-size: 22.5px;\r\n font-weight: 500;\r\n margin-bottom: 15px; \r\n }\r\n \r\n .add-to-bag-button {\r\n background-color: #800080;\r\n color: #ffffff !important;\r\n border: none;\r\n padding: 10px 20px;\r\n font-size: 14px;\r\n cursor: pointer;\r\n width: 100%; \r\n box-sizing: border-box;\r\n }\r\n\r\n .button-link {\r\n display: inline-block; \r\n width: calc(100% - 30px); \r\n text-decoration: none;\r\n margin-left: 15px;\r\n margin-right: 15px;\r\n }\r\n \r\n .add-to-bag { \r\n margin-top: 15px;\r\n margin-bottom: 15px;\r\n }\r\n \r\n .product-desctitle {\r\n margin-left: 15px; \r\n margin-bottom: 15px;\r\n line-height: 1.4;\r\n font-size: 18px;\r\n } \r\n \r\n .product-description {\r\n margin-bottom: 15px;\r\n margin-left: 15px;\r\n margin-right: 10px;\r\n line-height: 1.4;\r\n font-size: 13.5px;\r\n }\r\n \r\n .product-gallery .main-image { \r\n flex: 1; \r\n margin-bottom: 15px;\r\n background-color: #fff;\r\n display: flex;\r\n border-radius: 0px;\r\n justify-content: center;\r\n align-items: center;\r\n overflow: hidden; \r\n }\r\n \r\n .product-gallery .main-image img {\r\n width: 100%;\r\n height: 100%;\r\n border-radius: 0px;\r\n object-fit: cover;\r\n }\r\n \r\n .product-gallery .thumbnail-gallery {\r\n display: flex;\r\n justify-content: flex-start; \r\n flex-wrap: wrap; \r\n border-radius: 0px;\r\n gap: 8px;\r\n padding: 0 5px; \r\n }\r\n \r\n .product-gallery .thumbnail {\r\n width: 50px; \r\n height: 50px; \r\n border-radius: 0px;\r\n border: 2px solid #eee;\r\n overflow: hidden;\r\n cursor: pointer;\r\n box-sizing: border-box;\r\n -webkit-tap-highlight-color: transparent;\r\n touch-action: manipulation;\r\n user-select: none;\r\n -webkit-user-select: none;\r\n transition: border-color 0.2s, transform 0.2s;\r\n }\r\n \r\n .product-gallery .thumbnail:active {\r\n transform: scale(0.95);\r\n }\r\n \r\n .product-gallery .thumbnail.active {\r\n border-color: purple;\r\n }\r\n \r\n .product-gallery .thumbnail img {\r\n border-radius: 0px;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n pointer-events: none;\r\n }\r\n \r\n \/* --- MEDIA QUERIES --- *\/\r\n @media (max-width: 1024px) {\r\n .glossier-product-container {\r\n height: auto;\r\n flex-direction: column;\r\n gap: 10px;\r\n padding: 10px;\r\n }\r\n\r\n .product-info-section {\r\n width: 100%;\r\n margin-right: 0;\r\n margin-bottom: 10px;\r\n height: auto; \r\n justify-content: flex-start; \r\n padding: 20px; \r\n }\r\n \r\n .button-link {\r\n width: auto; \r\n max-width: 300px; \r\n }\r\n\r\n .product-images-container {\r\n flex-direction: column;\r\n gap: 10px;\r\n height: auto; \r\n }\r\n \r\n .portrait-image { \r\n width: 100%;\r\n height: 350px; \r\n margin-bottom: 10px;\r\n }\r\n \r\n .product-gallery { \r\n width: 100%;\r\n height: auto; \r\n margin-bottom: 10px;\r\n }\r\n \r\n .product-gallery .main-image {\r\n display: none;\r\n }\r\n \r\n .product-gallery .thumbnail-gallery {\r\n justify-content: center;\r\n }\r\n }\r\n \r\n @media (max-width: 768px) {\r\n .product-info-section {\r\n padding: 15px;\r\n }\r\n \r\n .product-images-container {\r\n order: -1; \r\n }\r\n \r\n .portrait-image {\r\n height: 300px; \r\n }\r\n \r\n .product-gallery .thumbnail-gallery {\r\n justify-content: center; \r\n }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"glossier-product-container\">\r\n <div class=\"product-info-section\">\r\n \r\n <div class=\"product-title\">\r\n <p>Room 106<\/p>\r\n <\/div>\r\n \r\n <div class=\"roomsize\">\r\n <span class=\"price\">524 SF | Up to 25 people<\/span>\r\n <\/div>\r\n \r\n <div class=\"add-to-bag\">\r\n <a href=\"https:\/\/micasaresourcecenter.org\/R106\" class=\"button-link\">\r\n <button class=\"add-to-bag-button\">Book this room<\/button>\r\n <\/a>\r\n <\/div>\r\n \r\n <div class=\"product-desctitle\">\r\n <p>Mi Casa es Su Casa<\/p>\r\n <\/div>\r\n \r\n <div class=\"product-description\">\r\n <p>Perfect for groups and classroom sessions, this flexible space is equipped with TVs and whiteboards, ideal for collaborative discussions.<\/p>\r\n <\/div>\r\n \r\n <\/div>\r\n \r\n <div class=\"product-images-container\">\r\n \r\n <div class=\"portrait-image\">\r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/05\/IMG_3763.png\" alt=\"Selected Room View\"\/>\r\n <\/div>\r\n \r\n \r\n <div class=\"product-gallery\">\r\n <div class=\"main-image\">\r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.0_MICASA.jpg-scaled.jpg\" alt=\"Next Room View\"> \r\n <\/div>\r\n <div class=\"thumbnail-gallery\">\r\n \r\n <div class=\"thumbnail active\">\r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/05\/IMG_3763.png\" alt=\"Room 106 Overview\" \/>\r\n <\/div>\r\n <div class=\"thumbnail\">\r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.0_MICASA.jpg-scaled.jpg\" alt=\"Room 106 View 1\" \/>\r\n <\/div>\r\n <div class=\"thumbnail\">\r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.1_MICASA-scaled.jpg\" alt=\"Room 106 View 2\" \/>\r\n <\/div>\r\n <div class=\"thumbnail\">\r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.2_MICASA-scaled.jpg\" alt=\"Room 106 View 3\" \/>\r\n <\/div>\r\n <div class=\"thumbnail\">\r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.3_MICASA-scaled.jpg\" alt=\"Room 106 View 4\" \/>\r\n <\/div>\r\n <div class=\"thumbnail\"> \r\n <img decoding=\"async\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.4_MICASA-scaled.jpg\" alt=\"Room 106 View 5\" \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function() {\r\n \/\/ Get gallery elements\r\n var mainImg = document.querySelector('.portrait-image img');\r\n var previewImg = document.querySelector('.product-gallery .main-image img');\r\n var thumbnails = document.querySelectorAll('.product-gallery .thumbnail');\r\n \r\n if (!mainImg || thumbnails.length === 0) return;\r\n \r\n \/\/ Hardcoded image URLs - cover image first\r\n var images = [\r\n 'https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/05\/IMG_3763.png',\r\n 'https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.0_MICASA.jpg-scaled.jpg',\r\n 'https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.1_MICASA-scaled.jpg',\r\n 'https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.2_MICASA-scaled.jpg',\r\n 'https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.3_MICASA-scaled.jpg',\r\n 'https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/CUARTO-5.4_MICASA-scaled.jpg'\r\n ];\r\n\r\n var currentIndex = 0;\r\n\r\n function updateGallery(index) {\r\n if (images.length === 0) return;\r\n \r\n currentIndex = index;\r\n if (currentIndex < 0) currentIndex = images.length - 1;\r\n if (currentIndex >= images.length) currentIndex = 0;\r\n \r\n var nextIndex = (currentIndex + 1) % images.length;\r\n \r\n if (mainImg) {\r\n mainImg.setAttribute('src', images[currentIndex]);\r\n }\r\n \r\n if (previewImg) {\r\n previewImg.setAttribute('src', images[nextIndex]);\r\n }\r\n \r\n thumbnails.forEach(function(thumb, i) {\r\n if (i === currentIndex) {\r\n thumb.classList.add('active');\r\n } else {\r\n thumb.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n thumbnails.forEach(function(thumb, index) {\r\n thumb.onclick = function(e) {\r\n if (e) {\r\n e.preventDefault();\r\n e.stopPropagation();\r\n }\r\n updateGallery(index);\r\n };\r\n });\r\n\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6363ec8 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"6363ec8\" 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-a478d97\" data-id=\"a478d97\" 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-1920c7b elementor-widget elementor-widget-html\" data-id=\"1920c7b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"rrw-widget-container\">\r\n <div class=\"rrw-layout\">\r\n \r\n \r\n <div class=\"rrw-content\">\r\n\r\n <div class=\"rrw-top-stats\">\r\n <span class=\"rrw-stat\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n 5.0 (1)\r\n <\/span> \u2022\r\n <span class=\"rrw-stat\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n 15-20 people\r\n <\/span> \u2022\r\n <span class=\"rrw-stat\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\/><path d=\"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n 2 hrs min\r\n <\/span> \u2022\r\n <span class=\"rrw-stat\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M3 3v18h18V3H3zm16 16H5V5h14v14z\"\/><path d=\"M7 7h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2zm-8 4h2v2H7zm8 0h2v2h-2zm-8 4h2v2H7zm4-4h2v2h-2zm4 4h2v2h-2zm-4 4h2v2h-2z\"\/><\/svg>\r\n 524 sqft\r\n <\/span>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-host-banner\">\r\n <div class=\"rrw-host-logo\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"#7d4cdb\" width=\"32\" height=\"32\"><path d=\"M12 2L2 12h3v8h6v-6h2v6h6v-8h3L12 2z\"\/><\/svg>\r\n <\/div>\r\n <div class=\"rrw-host-details\">\r\n <a href=\"#\" class=\"rrw-host-link\">Mi Casa Resource Center Community Rooms<\/a>\r\n <div class=\"rrw-host-badge\">Power Host<\/div>\r\n <\/div>\r\n <a href=\"mailto:mgasca@micasaresourcecenter.org?subject=Room%20106%20Inquiry\" class=\"rrw-btn-outline\">Message host<\/a>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-section\">\r\n <div class=\"rrw-section-title\" role=\"heading\" aria-level=\"2\">About the Space<\/div>\r\n <div class=\"rrw-text-body\">\r\n Room 106 is a spacious setting with plenty of room for collaboration and creativity. Equipped with two whiteboards, it\u2019s ideal for workshops and brainstorming sessions. Just steps from the kitchen, it\u2019s a convenient and welcoming space for groups to gather.\r\n \r\n <\/div>\r\n \r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-accordions\">\r\n <details class=\"rrw-accordion\">\r\n <summary class=\"rrw-accordion-header\">\r\n <span class=\"rrw-accordion-title\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M18.92 6.01C18.72 5.42 18.16 5 17.5 5h-11c-.66 0-1.21.42-1.42 1.01L3 12v8c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-1h12v1c0 .55.45 1 1 1h1c.55 0 1-.45 1-1v-8l-2.08-5.99zM6.5 16c-.83 0-1.5-.67-1.5-1.5S5.67 13 6.5 13s1.5.67 1.5 1.5S7.33 16 6.5 16zm11 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM5 11l1.5-4.5h11L19 11H5z\"\/><\/svg>\r\n Parking\r\n <\/span>\r\n <span class=\"rrw-accordion-icon\"><\/span>\r\n <\/summary>\r\n <div class=\"rrw-accordion-content\">\r\n <div class=\"rrw-sub-title\" role=\"heading\" aria-level=\"3\">Parking options<\/div>\r\n <p class=\"rrw-text-body\">Paid onsite parking, Metered street parking, Nearby parking lot<\/p>\r\n <div class=\"rrw-sub-title\" role=\"heading\" aria-level=\"3\" style=\"margin-top:16px;\">Parking description<\/div>\r\n <p class=\"rrw-text-body\">There are parking lots and paid parking meters<\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"rrw-accordion\" open>\r\n <summary class=\"rrw-accordion-header\">\r\n <span class=\"rrw-accordion-title\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"20\" height=\"20\"><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm2 16H8v-2h8v2zm0-4H8v-2h8v2zm-3-5V3.5L18.5 9H13z\"\/><\/svg>\r\n Host rules\r\n <\/span>\r\n <span class=\"rrw-accordion-icon\"><\/span>\r\n <\/summary>\r\n <div class=\"rrw-accordion-content\">\r\n <div class=\"rrw-sub-title\" role=\"heading\" aria-level=\"3\" style=\"margin-bottom:8px;\">General Rules<\/div>\r\n <div class=\"rrw-text-body\">\r\n House Rules:<br><br>\r\n - Guests will respect all property while onsite and may be charged for any negligent and purposeful damage.<br>\r\n <span id=\"rrwRulesMoreText\" class=\"rrw-hidden\">\r\n - Guests will respect other guests and members in the space. While we want you to have a good time, excessive noise or disrespect of others will not be tolerated.<br>\r\n - Do not utilize empty offices or conference rooms without permission or booking the space.<br>\r\n - This is an 18+ space unless previous permission has been granted.<br>\r\n <\/span>\r\n <\/div>\r\n <a href=\"#\" id=\"rrwRulesToggle\" class=\"rrw-link rrw-underline\" style=\"display:inline-block; margin-top:8px;\">Read more<\/a>\r\n <p class=\"rrw-text-body\" style=\"margin-top:16px; font-weight:500;\">All ages are allowed in the space<\/p>\r\n <\/div>\r\n <\/details>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-section\" style=\"border-top:1px solid var(--rrw-border); padding-top:24px;\">\r\n <div class=\"rrw-section-title\" role=\"heading\" aria-level=\"2\" style=\"border-top:none; padding-top:0;\">Included in your booking<\/div>\r\n \r\n <div class=\"rrw-sub-title\" role=\"heading\" aria-level=\"3\" style=\"margin-bottom:16px;\">Features<\/div>\r\n <div class=\"rrw-grid-1\">\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z\"\/><\/svg> Restrooms<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M20 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zM8 20H4v-4h4v4zm0-6H4v-4h4v4zm0-6H4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4zm6 12h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z\"\/><\/svg> Movable Walls<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M12 2c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm7 16v-2c0-1.1-.9-2-2-2h-2c0-2.21-1.79-4-4-4h-1.5c-1.2 0-2.31.63-2.93 1.66L5.3 12h2.2l1.32-2.19c.12-.19.34-.31.58-.31H11c1.1 0 2 .9 2 2v3h4v4h2zM5.5 16c-1.38 0-2.5-1.12-2.5-2.5S4.12 11 5.5 11s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg> Wheelchair Accessible<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M18 4H6v2l2 6v6h8v-6l2-6V4zm-4 12v2h-4v-2h4zm-2-2c-.55 0-1-.45-1-1v-2h2v2c0 .55-.45 1-1 1zm3-4H9L8 6h8l-1 4z\"\/><\/svg> Kitchen<\/div>\r\n <\/div>\r\n\r\n <div class=\"rrw-sub-title\" role=\"heading\" aria-level=\"3\" style=\"margin:32px 0 16px;\">Amenities<\/div>\r\n <div class=\"rrw-grid-2\">\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M12 3C7.95 3 4.21 4.34 1.2 6.6L3 9C5.5 7.12 8.62 6 12 6s6.5 1.12 9 3l1.8-2.4C19.79 4.34 16.05 3 12 3zm0 5c-2.45 0-4.71.79-6.55 2.14L7 12.5C8.42 11.55 10.15 11 12 11s3.58.55 5 1.5l1.55-2.36C16.71 8.79 14.45 8 12 8zm0 5c-1.12 0-2.18.34-3.08.92L12 18l3.08-4.08C14.18 13.34 13.12 13 12 13z\"\/><\/svg> WiFi<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M20 7H4V5h16v2zm-2 2H6v10H4v2h16v-2h-2V9z\"\/><\/svg> Tables<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M20 10V7c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v3c-1.1 0-2 .9-2 2v5h2v-3h16v3h2v-5c0-1.1-.9-2-2-2zm-14 0V7h12v3H6z\"\/><\/svg> Chairs<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M18 3H6c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h1v2h2v-2h6v2h2v-2h1c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 10H6V5h12v8zM14 17h-4v2h4v-2zM8 17H6v2h2v-2zm10 0h-2v2h2v-2z\"\/><\/svg> Microphone<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M20 7H4V5h16v2zm-2 2H6v10h12V9zm-2 4h-4v-2h4v2z\"\/><\/svg> Projector<\/div>\r\n <div class=\"rrw-item\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V5h14v14zM7 7h10v2H7zm0 4h10v2H7z\"\/><\/svg> Whiteboard<\/div>\r\n <\/div>\r\n\r\n <p class=\"rrw-text-body\" style=\"margin-top:24px;\">Don't see an amenity you're looking for? <a href=\"mailto:rooms@micasaresourcecenter.org?subject=Room%20106%20Inquiry\" class=\"rrw-link\">Ask the host, Mi Casa<\/a><\/p>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-sidebar\">\r\n <div class=\"rrw-booking-card\">\r\n\r\n \r\n <div class=\"rrw-card-header\">\r\n <div>\r\n <div class=\"rrw-room-label\">Room 106<\/div>\r\n <div class=\"rrw-capacity-badge\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"13\" height=\"13\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n Capacity: Up to 25 people\r\n <\/div>\r\n <\/div>\r\n <div class=\"rrw-estimator-badge\">Fare Estimator<\/div>\r\n <\/div>\r\n\r\n <div class=\"rrw-divider\" style=\"margin:16px 0;\"><\/div>\r\n\r\n \r\n <div class=\"rrw-step\">\r\n <div class=\"rrw-step-label\">\r\n <span class=\"rrw-step-num\">1<\/span>\r\n Rental Modality\r\n <\/div>\r\n <div class=\"rrw-btn-group\" id=\"rrwDurationGroup\" role=\"group\" aria-label=\"Booking duration\">\r\n <button class=\"rrw-toggle-btn\" data-group=\"duration\" data-value=\"hourly\" type=\"button\">\r\n <span class=\"rrw-toggle-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"15\" height=\"15\"><path d=\"M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\/><path d=\"M12.5 7H11v6l5.25 3.15.75-1.23-4.5-2.67z\"\/><\/svg>\r\n <\/span>\r\n Hourly\r\n <\/button>\r\n <button class=\"rrw-toggle-btn\" data-group=\"duration\" data-value=\"halfday\" type=\"button\">\r\n <span class=\"rrw-toggle-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"15\" height=\"15\"><path d=\"M12 2a10 10 0 1 0 0 20A10 10 0 0 0 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8v16z\"\/><\/svg>\r\n <\/span>\r\n Half Day\r\n <\/button>\r\n <button class=\"rrw-toggle-btn\" data-group=\"duration\" data-value=\"fullday\" type=\"button\">\r\n <span class=\"rrw-toggle-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"15\" height=\"15\"><path d=\"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z\"\/><\/svg>\r\n <\/span>\r\n Full Day\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-step\" id=\"rrwStep2\" style=\"opacity:.4; pointer-events:none; transition: opacity .3s;\">\r\n <div class=\"rrw-step-label\">\r\n <span class=\"rrw-step-num\">2<\/span>\r\n Time of event\r\n <\/div>\r\n <div class=\"rrw-btn-group\" id=\"rrwTimeGroup\" role=\"group\" aria-label=\"Time of event\">\r\n <button class=\"rrw-toggle-btn\" data-group=\"timetype\" data-value=\"standard\" type=\"button\">\r\n <span class=\"rrw-toggle-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"15\" height=\"15\"><path d=\"M6.76 4.84l-1.8-1.79-1.41 1.41 1.79 1.79 1.42-1.41zM4 10.5H1v2h3v-2zm9-9.95h-2V3.5h2V.55zm7.45 3.91l-1.41-1.41-1.79 1.79 1.41 1.41 1.79-1.79zm-3.21 13.7l1.79 1.8 1.41-1.41-1.8-1.79-1.4 1.4zM20 10.5v2h3v-2h-3zm-8-5c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm-1 16.95h2V19.5h-2v2.95zm-7.45-3.91l1.41 1.41 1.79-1.8-1.41-1.41-1.79 1.8z\"\/><\/svg>\r\n <\/span>\r\n Weekday\r\n <span class=\"rrw-sub-hint\">Mon\u2013Fri daytime<\/span>\r\n <\/button>\r\n <button class=\"rrw-toggle-btn\" data-group=\"timetype\" data-value=\"evening_saturday\" type=\"button\">\r\n <span class=\"rrw-toggle-icon\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"15\" height=\"15\"><path d=\"M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1z\"\/><\/svg>\r\n <\/span>\r\n Evening \/ Saturday\r\n <span class=\"rrw-sub-hint\">After 5pm or Saturday<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-result-panel rrw-hidden\" id=\"rrwResultPanel\" aria-live=\"polite\">\r\n <div class=\"rrw-result-inner\">\r\n <div class=\"rrw-result-label\">Estimated Rate<\/div>\r\n <div class=\"rrw-result-price\" id=\"rrwResultPrice\">\u2014<\/div>\r\n <div class=\"rrw-result-desc\" id=\"rrwResultDesc\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-breakdown-box\" id=\"rrwBreakdownBox\">\r\n <div class=\"rrw-bd-row\">\r\n <span id=\"rrwBdLabel\">Rate<\/span>\r\n <span id=\"rrwBdRate\" class=\"rrw-bd-val\"><\/span>\r\n <\/div>\r\n <div class=\"rrw-bd-row rrw-bd-total\">\r\n <span>Estimated total <span class=\"rrw-info-icon\" title=\"Estimate only. Final price confirmed with room manager.\">?<\/span><\/span>\r\n <span id=\"rrwBdTotal\" class=\"rrw-bd-val\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"rrw-notice-box\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"16\" height=\"16\" style=\"flex-shrink:0; margin-top:1px; color:#7d4cdb;\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\r\n <p>This is a <strong>fare estimate only.<\/strong> Final pricing and availability are confirmed directly with our Room Manager.<\/p>\r\n <\/div>\r\n\r\n \r\n <a href=\"mailto:mgasca@micasaresourcecenter.org?subject=Room%20106%20Inquiry\" class=\"rrw-btn-primary\" id=\"rrwBookBtn\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"18\" height=\"18\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n Contact Room Manager\r\n <\/a>\r\n\r\n <p class=\"rrw-footer-text\">A team member will confirm availability & finalize your rate.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/div>\r\n\r\n\r\n<style>\r\n\/* === CSS RESET & ROOT VARS === *\/\r\n.rrw-widget-container {\r\n --rrw-primary: #7d4cdb;\r\n --rrw-primary-hover: #693bc2;\r\n --rrw-primary-light: #f0ebfb;\r\n --rrw-text-main: #1a1a2e;\r\n --rrw-text-muted: #6b7280;\r\n --rrw-border: #e5e7eb;\r\n --rrw-bg-card: #ffffff;\r\n --rrw-success: #059669;\r\n --rrw-warn-bg: #fffbeb;\r\n --rrw-warn-border: #f59e0b;\r\n\r\n font-family: inherit;\r\n color: var(--rrw-text-main);\r\n line-height: 1.5;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n}\r\n.rrw-widget-container *, .rrw-widget-container *::before, .rrw-widget-container *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n\/* === LAYOUT === *\/\r\n.rrw-layout { display: flex; gap: 40px; align-items: flex-start; }\r\n.rrw-content { flex: 1; min-width: 0; }\r\n.rrw-sidebar { width: 360px; flex-shrink: 0; position: sticky; top: 24px; }\r\n\r\n\/* === UTILITIES === *\/\r\n.rrw-hidden { display: none !important; }\r\n.rrw-divider { height: 1px; background: var(--rrw-border); margin: 20px 0; }\r\n.rrw-link { color: var(--rrw-primary); text-decoration: none; font-weight: 500; }\r\n.rrw-link:hover { text-decoration: underline; }\r\n.rrw-underline { text-decoration: underline; font-size: 14px; }\r\n.rrw-text-body { font-size: 15px; margin: 0 0 4px; color: #4b5563; line-height: 1.6; }\r\n.rrw-info-icon {\r\n display: inline-flex; align-items: center; justify-content: center;\r\n width: 14px; height: 14px; border: 1px solid #9ca3af; border-radius: 50%;\r\n font-size: 9px; color: #6b7280; margin-left: 4px; cursor: help; vertical-align: middle;\r\n}\r\n\r\n\/* === TOP STATS === *\/\r\n.rrw-top-stats {\r\n font-size: 15px; font-weight: 500;\r\n display: flex; flex-wrap: wrap; gap: 8px; align-items: center;\r\n margin-bottom: 24px; color: var(--rrw-text-main);\r\n}\r\n.rrw-stat { display: inline-flex; align-items: center; gap: 4px; }\r\n\r\n\/* === HOST BANNER === *\/\r\n.rrw-host-banner {\r\n display: flex; align-items: center;\r\n padding-bottom: 24px; border-bottom: 1px solid var(--rrw-border);\r\n margin-bottom: 24px;\r\n}\r\n.rrw-host-logo {\r\n width: 48px; height: 48px; background: var(--rrw-primary-light);\r\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\r\n margin-right: 16px; flex-shrink: 0;\r\n}\r\n.rrw-host-details { flex: 1; }\r\n.rrw-host-link { font-weight: 600; color: var(--rrw-text-main); text-decoration: none; font-size: 16px; }\r\n.rrw-host-link:hover { text-decoration: underline; }\r\n.rrw-host-badge { font-size: 13px; color: var(--rrw-text-muted); margin-top: 2px; }\r\n\r\n\/* === SECTION & SUB TITLES === *\/\r\n.rrw-section-title {\r\n font-size: 20px !important; font-weight: 700 !important;\r\n margin: 0 0 16px !important; padding-top: 24px;\r\n line-height: 1.3 !important; color: var(--rrw-text-main);\r\n}\r\n.rrw-sub-title {\r\n font-size: 16px !important; font-weight: 600 !important;\r\n margin: 0 0 4px; line-height: 1.3 !important; color: var(--rrw-text-main);\r\n}\r\n\r\n\/* === BUTTONS === *\/\r\n.rrw-btn-outline {\r\n display: inline-block; background: transparent;\r\n border: 1.5px solid var(--rrw-text-main); color: var(--rrw-text-main);\r\n padding: 8px 16px; border-radius: 8px; font-weight: 600; font-size: 14px;\r\n cursor: pointer; text-decoration: none; text-align: center;\r\n transition: background .2s, border-color .2s; white-space: nowrap;\r\n}\r\n.rrw-btn-outline:hover { background: #f9fafb; }\r\n\r\n.rrw-btn-primary {\r\n display: flex; align-items: center; justify-content: center; gap: 8px;\r\n width: 100%; background: var(--rrw-primary); color: #fff!important;\r\n padding: 14px; border-radius: 10px; font-size: 16px; font-weight: 700;\r\n text-decoration: none; cursor: pointer; border: none;\r\n transition: background .2s, transform .1s, box-shadow .2s;\r\n margin-top: 16px; font-family: inherit;\r\n box-shadow: 0 4px 14px rgba(125,76,219,.35);\r\n}\r\n.rrw-btn-primary:hover { background: var(--rrw-primary-hover); color:#fff; text-decoration: none; box-shadow: 0 6px 20px rgba(125,76,219,.45); transform: translateY(-1px); }\r\n.rrw-btn-primary:active { transform: translateY(0); }\r\n\r\n\/* === ACCORDIONS === *\/\r\n.rrw-accordions { margin: 24px 0 0; }\r\n.rrw-accordion { border-top: 1px solid var(--rrw-border); }\r\n.rrw-accordion-header {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 20px 0; cursor: pointer; list-style: none;\r\n}\r\n.rrw-accordion-header::-webkit-details-marker { display: none; }\r\n.rrw-accordion-title { display: flex; align-items: center; gap: 12px; font-weight: 600; font-size: 16px; color: var(--rrw-text-main); }\r\n.rrw-accordion-icon { width: 16px; height: 16px; position: relative; flex-shrink: 0; }\r\n.rrw-accordion-icon::before, .rrw-accordion-icon::after {\r\n content: ''; position: absolute; background: var(--rrw-text-main);\r\n transition: transform .3s ease;\r\n}\r\n.rrw-accordion-icon::before { top: 7px; left: 0; width: 100%; height: 2px; }\r\n.rrw-accordion-icon::after { top: 0; left: 7px; width: 2px; height: 100%; }\r\n.rrw-accordion[open] .rrw-accordion-icon::after { transform: rotate(90deg) scaleY(0); }\r\n.rrw-accordion-content { padding-bottom: 24px; padding-left: 32px; }\r\n\r\n\/* === GRID === *\/\r\n.rrw-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\r\n.rrw-grid-1 { display: grid; grid-template-columns: 1fr; gap: 16px; }\r\n.rrw-item { display: flex; align-items: center; gap: 12px; font-size: 15px; color: #4b5563; }\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n BOOKING CARD (SIDEBAR) \u2014 FARE ESTIMATOR\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n.rrw-booking-card {\r\n border: 1px solid var(--rrw-border); border-radius: 16px;\r\n padding: 24px; background: var(--rrw-bg-card);\r\n box-shadow: 0 8px 24px rgba(0,0,0,.07);\r\n}\r\n\r\n\/* Card Header *\/\r\n.rrw-card-header {\r\n display: flex; justify-content: space-between;\r\n align-items: flex-start; gap: 12px;\r\n}\r\n.rrw-room-label {\r\n font-size: 18px; font-weight: 800; color: var(--rrw-text-main);\r\n letter-spacing: -.3px;\r\n}\r\n.rrw-capacity-badge {\r\n display: inline-flex; align-items: center; gap: 4px;\r\n font-size: 12px; font-weight: 500; color: var(--rrw-text-muted);\r\n margin-top: 4px;\r\n}\r\n.rrw-estimator-badge {\r\n background: var(--rrw-primary-light); color: var(--rrw-primary);\r\n font-size: 11px; font-weight: 700; letter-spacing: .5px;\r\n text-transform: uppercase; padding: 4px 10px; border-radius: 20px;\r\n white-space: nowrap; flex-shrink: 0;\r\n}\r\n\r\n\/* Steps *\/\r\n.rrw-step { margin-bottom: 20px; }\r\n.rrw-step-label {\r\n display: flex; align-items: center; gap: 8px;\r\n font-size: 13px; font-weight: 700; text-transform: uppercase;\r\n letter-spacing: .6px; color: var(--rrw-text-muted);\r\n margin-bottom: 10px;\r\n}\r\n.rrw-step-num {\r\n width: 20px; height: 20px; border-radius: 50%;\r\n background: var(--rrw-primary); color: #fff;\r\n font-size: 11px; font-weight: 800;\r\n display: inline-flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* Toggle Button Group *\/\r\n.rrw-btn-group {\r\n display: flex; flex-direction: column; gap: 8px;\r\n}\r\n\r\n.rrw-toggle-btn {\r\n display: flex; align-items: center; gap: 10px;\r\n width: 100%; padding: 12px 14px;\r\n background: #f9fafb; border: 1.5px solid var(--rrw-border);\r\n border-radius: 10px; font-family: inherit; font-size: 14px;\r\n font-weight: 600; color: var(--rrw-text-main);\r\n cursor: pointer; text-align: left;\r\n transition: border-color .2s, background .2s, box-shadow .2s, transform .1s;\r\n position: relative;\r\n}\r\n.rrw-toggle-btn:hover {\r\n border-color: var(--rrw-primary); background: var(--rrw-primary-light);\r\n}\r\n.rrw-toggle-btn.is-active {\r\n border-color: var(--rrw-primary); background: var(--rrw-primary-light);\r\n color: var(--rrw-primary);\r\n box-shadow: 0 0 0 3px rgba(125,76,219,.12);\r\n}\r\n.rrw-toggle-btn.is-active .rrw-toggle-icon { color: var(--rrw-primary); }\r\n.rrw-toggle-icon { \r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--rrw-text-muted); flex-shrink: 0;\r\n}\r\n\/* Checkmark on active *\/\r\n.rrw-toggle-btn.is-active::after {\r\n content: '\u2713';\r\n position: absolute; right: 14px; top: 50%; transform: translateY(-50%);\r\n font-size: 13px; font-weight: 800; color: var(--rrw-primary);\r\n}\r\n\/* Sub hint text *\/\r\n.rrw-sub-hint {\r\n display: block; font-size: 11px; font-weight: 400;\r\n color: var(--rrw-text-muted); line-height: 1.3; margin-top: 1px;\r\n}\r\n.rrw-toggle-btn.is-active .rrw-sub-hint { color: var(--rrw-primary); opacity: .8; }\r\n\r\n\/* Result Panel *\/\r\n.rrw-result-panel {\r\n background: linear-gradient(135deg, #f5f0ff 0%, #ede8fb 100%);\r\n border: 1.5px solid #c4b0f0; border-radius: 12px;\r\n padding: 18px; margin: 4px 0 16px;\r\n animation: rrwFadeIn .3s ease;\r\n}\r\n@keyframes rrwFadeIn {\r\n from { opacity: 0; transform: translateY(6px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n.rrw-result-inner { text-align: center; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #d4c5f5; }\r\n.rrw-result-label {\r\n font-size: 11px; font-weight: 700; text-transform: uppercase;\r\n letter-spacing: .7px; color: var(--rrw-primary); opacity: .8; margin-bottom: 6px;\r\n}\r\n.rrw-result-price {\r\n font-size: 38px; font-weight: 900; color: var(--rrw-primary);\r\n letter-spacing: -1px; line-height: 1;\r\n}\r\n.rrw-result-desc {\r\n font-size: 12px; color: #7c5bb5; margin-top: 6px;\r\n font-weight: 500; line-height: 1.4;\r\n}\r\n\/* Breakdown inside result *\/\r\n.rrw-breakdown-box { font-size: 13px; }\r\n.rrw-bd-row {\r\n display: flex; justify-content: space-between; align-items: center;\r\n padding: 4px 0; color: #5b4a8a;\r\n}\r\n.rrw-bd-val { font-weight: 600; }\r\n.rrw-bd-total {\r\n border-top: 1px solid #c4b0f0; margin-top: 6px; padding-top: 8px;\r\n font-weight: 700; font-size: 14px; color: var(--rrw-primary);\r\n}\r\n\r\n\/* Notice Box *\/\r\n.rrw-notice-box {\r\n display: flex; gap: 10px; align-items: flex-start;\r\n background: var(--rrw-primary-light); border: 1px solid #c4b0f0;\r\n border-radius: 8px; padding: 12px 14px;\r\n font-size: 13px; color: #5b4a8a; line-height: 1.5;\r\n margin-bottom: 4px;\r\n}\r\n.rrw-notice-box p { margin: 0; }\r\n.rrw-notice-box strong { color: var(--rrw-primary); }\r\n\r\n\/* Footer text *\/\r\n.rrw-footer-text {\r\n text-align: center; font-size: 12px; color: var(--rrw-text-muted);\r\n margin: 10px 0 0;\r\n}\r\n\r\n\/* === RESPONSIVE === *\/\r\n@media (max-width: 860px) {\r\n .rrw-layout { flex-direction: column; }\r\n .rrw-sidebar { width: 100%; position: static; }\r\n .rrw-grid-2 { grid-template-columns: 1fr; }\r\n .rrw-host-banner { flex-wrap: wrap; gap: 12px; }\r\n}\r\n@media (max-width: 480px) {\r\n .rrw-booking-card { padding: 18px 16px; }\r\n .rrw-result-price { font-size: 30px; }\r\n}\r\n<\/style>\r\n\r\n\r\n<script>\r\n(function() {\r\n \"use strict\";\r\n\r\n \/\/ \u2500\u2500 Pricing Table \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n \/\/ Room 109\/108 (Capacity 50)\r\n const RATES = {\r\n hourly: {\r\n standard: { price: 50, unit: '\/hr', label: 'per hour', note: 'Weekday daytime rate' },\r\n evening_saturday: { price: 55, unit: '\/hr', label: 'per hour', note: 'Evening or Saturday rate' }\r\n },\r\n halfday: {\r\n standard: { price: 175, unit: '', label: 'half day', note: 'Weekday daytime \u2014 approx. 4 hrs' },\r\n evening_saturday: { price: 225, unit: '', label: 'half day', note: 'Saturday half day rate' }\r\n },\r\n fullday: {\r\n standard: { price: 350, unit: '', label: 'full day', note: 'Weekday daytime \u2014 approx. 8 hrs' },\r\n evening_saturday: { price: 450, unit: '', label: 'full day', note: 'Saturday full day rate' }\r\n }\r\n };\r\n\r\n \/\/ Breakdown descriptions for each combination\r\n const BREAKDOWN = {\r\n hourly: {\r\n standard: { rowLabel: 'Hourly rate', hours: '1 hr (minimum 2 hrs)' },\r\n evening_saturday: { rowLabel: 'Evening\/Sat rate', hours: '1 hr (minimum 2 hrs)' }\r\n },\r\n halfday: {\r\n standard: { rowLabel: 'Half day flat rate', hours: '~4 hrs included' },\r\n evening_saturday: { rowLabel: 'Saturday half day', hours: '~4 hrs included' }\r\n },\r\n fullday: {\r\n standard: { rowLabel: 'Full day flat rate', hours: '~8 hrs included' },\r\n evening_saturday: { rowLabel: 'Saturday full day', hours: '~8 hrs included' }\r\n }\r\n };\r\n\r\n \/\/ \u2500\u2500 DOM References \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n const step2 = document.getElementById('rrwStep2');\r\n const resultPanel = document.getElementById('rrwResultPanel');\r\n const resultPrice = document.getElementById('rrwResultPrice');\r\n const resultDesc = document.getElementById('rrwResultDesc');\r\n const bdLabel = document.getElementById('rrwBdLabel');\r\n const bdRate = document.getElementById('rrwBdRate');\r\n const bdTotal = document.getElementById('rrwBdTotal');\r\n\r\n let selectedDuration = null;\r\n let selectedTimeType = null;\r\n\r\n \/\/ \u2500\u2500 Toggle Button Logic \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n document.querySelectorAll('.rrw-toggle-btn').forEach(function(btn) {\r\n btn.addEventListener('click', function() {\r\n const group = this.dataset.group;\r\n const value = this.dataset.value;\r\n\r\n \/\/ Deselect siblings in same group\r\n document.querySelectorAll(`.rrw-toggle-btn[data-group=\"${group}\"]`).forEach(function(b) {\r\n b.classList.remove('is-active');\r\n });\r\n this.classList.add('is-active');\r\n\r\n if (group === 'duration') {\r\n selectedDuration = value;\r\n \/\/ Enable step 2\r\n step2.style.opacity = '1';\r\n step2.style.pointerEvents = 'auto';\r\n \/\/ Reset time type if changing duration\r\n selectedTimeType = null;\r\n document.querySelectorAll('.rrw-toggle-btn[data-group=\"timetype\"]').forEach(function(b) {\r\n b.classList.remove('is-active');\r\n });\r\n resultPanel.classList.add('rrw-hidden');\r\n\r\n } else if (group === 'timetype') {\r\n selectedTimeType = value;\r\n renderResult();\r\n }\r\n });\r\n });\r\n\r\n \/\/ \u2500\u2500 Render Result \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n function renderResult() {\r\n if (!selectedDuration || !selectedTimeType) return;\r\n\r\n const rate = RATES[selectedDuration][selectedTimeType];\r\n const bd = BREAKDOWN[selectedDuration][selectedTimeType];\r\n\r\n \/\/ Format price display\r\n var priceStr = '$' + rate.price + rate.unit;\r\n if (selectedDuration === 'hourly') {\r\n priceStr = '$' + rate.price + '<span style=\"font-size:18px;font-weight:700;\">\/hr<\/span>';\r\n }\r\n\r\n resultPrice.innerHTML = priceStr;\r\n resultDesc.textContent = rate.note;\r\n\r\n \/\/ Breakdown row\r\n bdLabel.textContent = bd.rowLabel + ' (' + bd.hours + ')';\r\n bdRate.textContent = '$' + rate.price + (rate.unit || ' flat');\r\n bdTotal.textContent = '$' + rate.price + (selectedDuration === 'hourly' ? '\/hr (\u00d7hrs booked)' : ' flat rate');\r\n\r\n resultPanel.classList.remove('rrw-hidden');\r\n }\r\n\r\n \/\/ \u2500\u2500 Read More Toggles \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\r\n function setupToggle(btnId, textId) {\r\n var btn = document.getElementById(btnId);\r\n var span = document.getElementById(textId);\r\n if (!btn || !span) return;\r\n btn.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n var hidden = span.classList.contains('rrw-hidden');\r\n span.classList.toggle('rrw-hidden', !hidden);\r\n btn.textContent = hidden ? 'Hide' : 'Read more';\r\n });\r\n }\r\n setupToggle('rrwAboutToggle', 'rrwAboutMoreText');\r\n setupToggle('rrwRulesToggle', 'rrwRulesMoreText');\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/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-153292e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"153292e\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bf518f3\" data-id=\"bf518f3\" 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-e482340 elementor-widget elementor-widget-heading\" data-id=\"e482340\" 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<h4 class=\"elementor-heading-title elementor-size-default\">Events Held<\/h4>\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-fef59e8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fef59e8\" 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-59b682a\" data-id=\"59b682a\" 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-6ea4146 elementor-arrows-position-inside elementor-widget elementor-widget-image-carousel\" data-id=\"6ea4146\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"navigation":"arrows","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2023\/05\/DSC02608-scaled.jpg\" alt=\"SONY DSC\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2023\/05\/DSC02600-scaled.jpg\" alt=\"SONY DSC\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2023\/05\/DSC02537-scaled.jpg\" alt=\"SONY DSC\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2023\/05\/DSC02561-scaled.jpg\" alt=\"SONY DSC\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2023\/05\/DSC02513-scaled.jpg\" alt=\"SONY DSC\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2023\/05\/DSC02448-scaled.jpg\" alt=\"SONY DSC\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"7 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/DSC00249-768x512.png\" alt=\"DSC00249\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"8 de 8\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/micasaresourcecenter.org\/wp-content\/uploads\/2025\/04\/IMG_4296-768x512.png\" alt=\"IMG_4296\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\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>Room 106 Product Page Room 106 524 SF | Up to 25 people Book this room Mi Casa es Su Casa Perfect for groups and classroom sessions, this flexible space […]<\/p>\n","protected":false},"author":11,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"_EventAllDay":false,"_EventTimezone":"","_EventStartDate":"","_EventEndDate":"","_EventStartDateUTC":"","_EventEndDateUTC":"","_EventShowMap":false,"_EventShowMapLink":false,"_EventURL":"","_EventCost":"","_EventCostDescription":"","_EventCurrencySymbol":"","_EventCurrencyCode":"","_EventCurrencyPosition":"","_EventDateTimeSeparator":"","_EventTimeRangeSeparator":"","_EventOrganizerID":[],"_EventVenueID":[],"_OrganizerEmail":"","_OrganizerPhone":"","_OrganizerWebsite":"","_VenueAddress":"","_VenueCity":"","_VenueCountry":"","_VenueProvince":"","_VenueState":"","_VenueZip":"","_VenuePhone":"","_VenueURL":"","_VenueStateProvince":"","_VenueLat":"","_VenueLng":"","_VenueShowMap":false,"_VenueShowMapLink":false,"_tribe_blocks_recurrence_rules":"","_tribe_blocks_recurrence_description":"","_tribe_blocks_recurrence_exclusions":"","footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-16163","page","type-page","status-publish","hentry"],"ticketed":false,"_links":{"self":[{"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/pages\/16163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/comments?post=16163"}],"version-history":[{"count":5,"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/pages\/16163\/revisions"}],"predecessor-version":[{"id":20079,"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/pages\/16163\/revisions\/20079"}],"wp:attachment":[{"href":"https:\/\/micasaresourcecenter.org\/es\/wp-json\/wp\/v2\/media?parent=16163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}