T\u00edtulo Personalizado<\/title>\r\n \r\n <style>\r\n \/* Importando a fonte Poppins nos pesos 400, 500 e 600 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Container sem o fundo escuro *\/\r\n .container-exemplo {\r\n padding: 10px 0;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o principal do t\u00edtulo *\/\r\n .titulo-principal {\r\n font-family: 'Poppins', sans-serif;\r\n color: #FFFFFF;\r\n font-size: 32px;\r\n margin: 0; \r\n line-height: 1.3; \r\n text-align: center; \/* Centraliza todo o texto do t\u00edtulo *\/\r\n }\r\n\r\n .linha-1 {\r\n font-weight: 600; \/* Peso 600 (SemiBold) *\/\r\n display: block; \r\n }\r\n\r\n .linha-2 {\r\n font-weight: 500; \/* Peso 500 (Medium) *\/\r\n display: block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"container-exemplo\">\r\n <h1 class=\"titulo-principal\">\r\n <span class=\"linha-1\">Your Perfect Escape in Jac\u00f3<\/span>\r\n <span class=\"linha-2\">Homes & Condos Hand-Picked by Locals<\/span>\r\n <\/h1>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cc36274 elementor-widget elementor-widget-html\" data-id=\"7cc36274\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Container principal da barra de busca *\/\r\n .search-bar-container {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 12px;\r\n background: transparent;\r\n padding: 20px 0;\r\n justify-content: center;\r\n align-items: stretch;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative; \/* Necess\u00e1rio para os calend\u00e1rios flutuantes *\/\r\n }\r\n\r\n \/* Estilo base para cada bloquinho branco - ALTURA DIMINU\u00cdDA *\/\r\n .search-item {\r\n background-color: #ffffff !important;\r\n border-radius: 16px;\r\n padding: 12px 20px; \/* Reduzido de 16px 24px para ficar mais fino *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n color: #4b5563;\r\n font-size: 15px;\r\n cursor: pointer;\r\n transition: box-shadow 0.2s ease;\r\n position: relative;\r\n }\r\n\r\n .search-item:hover {\r\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* Flexibilidade e larguras *\/\r\n .city-box { flex: 1; min-width: 120px; }\r\n .dates-box { \r\n flex: 2; \r\n min-width: 250px; \r\n display: flex; \r\n justify-content: space-around; \r\n gap: 15px; \r\n }\r\n .guests-box { flex: 1; min-width: 100px; }\r\n\r\n \/* \u00cdcone Chevron *\/\r\n .icon-circle {\r\n border: 1px solid #e5e7eb;\r\n border-radius: 50%;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: 15px;\r\n color: #4b5563;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Bot\u00e3o Search - ALTURA DIMINU\u00cdDA proporcionalmente *\/\r\n .btn-search {\r\n background-color: #f97316;\r\n color: white;\r\n border: none;\r\n border-radius: 16px;\r\n padding: 12px 28px; \/* Reduzido de 18px 32px *\/\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);\r\n transition: background-color 0.3s, box-shadow 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-search:hover {\r\n background-color: #ea580c;\r\n box-shadow: 0 6px 15px rgba(249, 115, 22, 0.4);\r\n }\r\n\r\n \/* --- ESTILO PARA TRANSFORMAR INPUTS EM TEXTO --- *\/\r\n .input-invisivel {\r\n border: none !important;\r\n background: transparent !important;\r\n box-shadow: none !important;\r\n font-family: inherit !important;\r\n font-size: 15px !important;\r\n color: #4b5563 !important;\r\n outline: none !important;\r\n cursor: pointer !important;\r\n width: 100%;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n min-height: 0 !important;\r\n text-align: center;\r\n }\r\n\r\n .input-invisivel::placeholder {\r\n color: #4b5563;\r\n opacity: 1;\r\n }\r\n\r\n \/* Remove as setinhas de aumentar\/diminuir do campo Guests *\/\r\n input[type=number]::-webkit-inner-spin-button, \r\n input[type=number]::-webkit-outer-spin-button { \r\n -webkit-appearance: none; \r\n margin: 0; \r\n }\r\n input[type=number] { -moz-appearance: textfield; }\r\n\r\n \/* =========================================\r\n ESTILOS DO CALEND\u00c1RIO CUSTOMIZADO\r\n ========================================= *\/\r\n .custom-calendar {\r\n display: none; \/* Escondido por padr\u00e3o *\/\r\n position: absolute;\r\n top: 110%; \/* Fica logo abaixo da barra *\/\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n padding: 15px;\r\n width: 280px;\r\n z-index: 1000;\r\n font-family: inherit;\r\n border: 1px solid #e5e7eb;\r\n }\r\n\r\n .calendar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n color: #4b5563;\r\n }\r\n\r\n .calendar-nav {\r\n cursor: pointer;\r\n padding: 5px;\r\n color: #9ca3af;\r\n }\r\n .calendar-nav:hover { color: #f97316; }\r\n\r\n .calendar-grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 2px;\r\n text-align: center;\r\n }\r\n\r\n .calendar-day-name {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #9ca3af;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .calendar-day {\r\n padding: 8px 0;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n color: #4b5563;\r\n border: 1px solid transparent; \/* Para n\u00e3o pular quando der hover *\/\r\n }\r\n\r\n .calendar-day:hover {\r\n border-color: #f97316;\r\n color: #f97316;\r\n }\r\n\r\n .calendar-day.past-date {\r\n color: #d1d5db;\r\n cursor: not-allowed;\r\n }\r\n .calendar-day.past-date:hover {\r\n border-color: transparent;\r\n color: #d1d5db;\r\n }\r\n\r\n \/* Estilo da data selecionada na cor Laranja *\/\r\n .calendar-day.selected-date {\r\n background-color: #f97316;\r\n color: white;\r\n border-color: #f97316;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Ajuste para telas de celular *\/\r\n @media (max-width: 768px) {\r\n .search-bar-container {\r\n flex-direction: column;\r\n align-items: stretch;\r\n flex-wrap: wrap;\r\n }\r\n .search-item, .btn-search {\r\n width: 100%;\r\n box-sizing: border-box;\r\n flex: none;\r\n }\r\n .custom-calendar {\r\n width: 90%;\r\n left: 5%;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"search-bar-container\">\r\n \r\n <div class=\"search-item city-box\">\r\n <span>City<\/span>\r\n <div class=\"icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"search-item dates-box\" id=\"dates-container\">\r\n <input type=\"text\" id=\"checkin-input\" class=\"input-invisivel\" placeholder=\"Check-in\" readonly>\r\n <input type=\"text\" id=\"checkout-input\" class=\"input-invisivel\" placeholder=\"Check-out\" readonly>\r\n \r\n <div id=\"custom-calendar-popup\" class=\"custom-calendar\">\r\n <div class=\"calendar-header\">\r\n <span class=\"calendar-nav\" id=\"prev-month\">❮<\/span>\r\n <span id=\"calendar-month-year\">March 2026<\/span>\r\n <span class=\"calendar-nav\" id=\"next-month\">❯<\/span>\r\n <\/div>\r\n <div class=\"calendar-grid\">\r\n <div class=\"calendar-day-name\">S<\/div><div class=\"calendar-day-name\">M<\/div><div class=\"calendar-day-name\">T<\/div>\r\n <div class=\"calendar-day-name\">W<\/div><div class=\"calendar-day-name\">T<\/div><div class=\"calendar-day-name\">F<\/div><div class=\"calendar-day-name\">S<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"search-item guests-box\">\r\n <input type=\"number\" class=\"input-invisivel\" placeholder=\"Guests\" min=\"1\">\r\n <div class=\"icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-search\">Search<\/button>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const checkinInput = document.getElementById('checkin-input');\r\n const checkoutInput = document.getElementById('checkout-input');\r\n const calendarPopup = document.getElementById('custom-calendar-popup');\r\n const monthYearDisplay = document.getElementById('calendar-month-year');\r\n const prevMonthBtn = document.getElementById('prev-month');\r\n const nextMonthBtn = document.getElementById('next-month');\r\n const datesContainer = document.getElementById('dates-container');\r\n \r\n let currentDate = new Date();\r\n let currentMonth = currentDate.getMonth();\r\n let currentYear = currentDate.getFullYear();\r\n let activeInput = null; \/\/ Para saber se t\u00e1 clicando no check-in ou check-out\r\n\r\n const monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n\r\n \/\/ Fun\u00e7\u00e3o para construir os dias do m\u00eas no calend\u00e1rio\r\n function renderCalendar(month, year) {\r\n monthYearDisplay.textContent = `${monthNames[month]} ${year}`;\r\n \r\n \/\/ Pega o grid e mant\u00e9m s\u00f3 os nomes dos dias (as primeiras 7 divs)\r\n const grid = document.querySelector('.calendar-grid');\r\n const dayNamesHTML = `<div class=\"calendar-day-name\">S<\/div><div class=\"calendar-day-name\">M<\/div><div class=\"calendar-day-name\">T<\/div><div class=\"calendar-day-name\">W<\/div><div class=\"calendar-day-name\">T<\/div><div class=\"calendar-day-name\">F<\/div><div class=\"calendar-day-name\">S<\/div>`;\r\n grid.innerHTML = dayNamesHTML;\r\n\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n const today = new Date();\r\n today.setHours(0,0,0,0);\r\n\r\n \/\/ Espa\u00e7os vazios antes do dia 1\r\n for (let i = 0; i < firstDay; i++) {\r\n let emptyDiv = document.createElement('div');\r\n grid.appendChild(emptyDiv);\r\n }\r\n\r\n \/\/ Cria os dias\r\n for (let i = 1; i <= daysInMonth; i++) {\r\n let dayDiv = document.createElement('div');\r\n dayDiv.classList.add('calendar-day');\r\n dayDiv.textContent = i;\r\n \r\n let dateOfThisDay = new Date(year, month, i);\r\n\r\n \/\/ Marca os dias que j\u00e1 passaram como cinza\r\n if (dateOfThisDay < today) {\r\n dayDiv.classList.add('past-date');\r\n } else {\r\n \/\/ Se for uma data v\u00e1lida, adiciona o evento de clique\r\n dayDiv.addEventListener('click', function() {\r\n \/\/ Formata a data (ex: 03\/25\/2026)\r\n let formattedDate = `${String(month + 1).padStart(2, '0')}\/${String(i).padStart(2, '0')}\/${year}`;\r\n \r\n if (activeInput) {\r\n activeInput.value = formattedDate;\r\n }\r\n calendarPopup.style.display = 'none'; \/\/ Fecha ap\u00f3s escolher\r\n });\r\n\r\n \/\/ Aplica a cor laranja se for a data atualmente digitada no input\r\n if (activeInput && activeInput.value) {\r\n let [m, d, y] = activeInput.value.split('\/');\r\n if (parseInt(d) === i && parseInt(m) - 1 === month && parseInt(y) === year) {\r\n dayDiv.classList.add('selected-date');\r\n }\r\n }\r\n }\r\n grid.appendChild(dayDiv);\r\n }\r\n }\r\n\r\n \/\/ Eventos para abrir o calend\u00e1rio\r\n function openCalendar(inputElement) {\r\n activeInput = inputElement;\r\n calendarPopup.style.display = 'block';\r\n \r\n \/\/ Se o campo j\u00e1 tiver uma data, abre o calend\u00e1rio nesse m\u00eas\r\n if (inputElement.value) {\r\n let [m, d, y] = inputElement.value.split('\/');\r\n currentMonth = parseInt(m) - 1;\r\n currentYear = parseInt(y);\r\n } else {\r\n currentMonth = new Date().getMonth();\r\n currentYear = new Date().getFullYear();\r\n }\r\n renderCalendar(currentMonth, currentYear);\r\n }\r\n\r\n checkinInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkinInput);\r\n });\r\n\r\n checkoutInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkoutInput);\r\n });\r\n\r\n \/\/ Navega\u00e7\u00e3o dos meses\r\n prevMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth--;\r\n if (currentMonth < 0) { currentMonth = 11; currentYear--; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n nextMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth++;\r\n if (currentMonth > 11) { currentMonth = 0; currentYear++; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n \/\/ Fecha o calend\u00e1rio se clicar fora dele\r\n document.addEventListener('click', function(e) {\r\n if (!datesContainer.contains(e.target)) {\r\n calendarPopup.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Impede que clicar dentro do popup feche ele\r\n calendarPopup.addEventListener('click', function(e){\r\n e.stopPropagation();\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-4a94c33d elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"4a94c33d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/costaricarentals.casa\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Design-sem-nome-3.mp4","background_play_on_mobile":"yes","background_privacy_mode":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-25dc158f elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"25dc158f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importando a fonte Poppins *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n \/* Container sem o fundo escuro *\/\r\n .container-exemplo {\r\n padding: 10px 0;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o principal do t\u00edtulo (DESKTOP) *\/\r\n .titulo-principal {\r\n font-family: 'Poppins', sans-serif;\r\n color: #FFFFFF; \/* Branco puro *\/\r\n font-size: 32px; \r\n margin: 0; \r\n line-height: 1.3; \r\n text-align: center; \r\n \/* SOMBRA REMOVIDA *\/\r\n }\r\n\r\n .linha-1 {\r\n font-weight: 700; \/* Bold *\/\r\n display: block; \r\n }\r\n\r\n .linha-2 {\r\n font-weight: 500; \/* Medium *\/\r\n display: block;\r\n margin-top: 4px; \r\n }\r\n\r\n \/* =========================================\r\n AJUSTE EXATO PARA MOBILE (20px)\r\n ========================================= *\/\r\n @media (max-width: 768px) {\r\n .titulo-principal {\r\n font-size: 22px; \/* Reduz para os 20px exatos no celular *\/\r\n line-height: 1.4;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"container-exemplo\">\r\n <h1 class=\"titulo-principal\">\r\n <span class=\"linha-1\">Your Perfect Escape in Jac\u00f3<\/span>\r\n <span class=\"linha-2\">Homes & Condos Hand-Picked<br>by Locals<\/span>\r\n <\/h1>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-326d4525 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"326d4525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Esconde a barra mobile em telas grandes (Desktop e Tablet) *\/\r\n .mob-search-container {\r\n display: none;\r\n }\r\n\r\n \/* Mostra e estiliza a barra APENAS em telas de celular (max 768px) *\/\r\n @media (max-width: 768px) {\r\n .mob-search-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px; \/* <-- AUMENTADO PARA 16PX (Mais espa\u00e7o vertical entre todos os campos e o bot\u00e3o) *\/\r\n background: transparent;\r\n padding: 10px 15px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n width: 100%;\r\n box-sizing: border-box;\r\n position: relative;\r\n }\r\n\r\n \/* Bloquinhos Brancos *\/\r\n .mob-search-item {\r\n background-color: #ffffff !important;\r\n border-radius: 8px;\r\n padding: 6px 12px; \r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); \r\n color: #4b5563;\r\n font-size: 14px; \r\n position: relative;\r\n min-height: 38px; \r\n }\r\n\r\n \/* Divis\u00e3o de Datas (Check-in e Check-out lado a lado no mobile) *\/\r\n .mob-dates-box { \r\n display: flex; \r\n justify-content: space-between; \r\n gap: 10px; \/* <-- AUMENTADO PARA 10PX (Mais espa\u00e7o horizontal entre check-in e check-out) *\/\r\n }\r\n\r\n \/* \u00cdcone Chevron (Setinha) *\/\r\n .mob-icon-circle {\r\n border: 1px solid #e5e7eb;\r\n border-radius: 50%;\r\n width: 22px; \r\n height: 22px; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #4b5563;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Bot\u00e3o Search - Laranja consistente *\/\r\n .mob-btn-search {\r\n background-color: #f97316 !important; \/* Laranja base for\u00e7ado *\/\r\n color: white !important;\r\n border: none;\r\n border-radius: 8px; \r\n padding: 8px 16px; \r\n font-size: 15px; \r\n font-weight: 600;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);\r\n text-align: center;\r\n width: 100%;\r\n min-height: 40px; \r\n transition: background-color 0.3s, box-shadow 0.2s ease;\r\n -webkit-tap-highlight-color: transparent; \/* Remove brilho de toque padr\u00e3o no mobile *\/\r\n }\r\n\r\n \/* Hover mantendo o laranja escuro, sem rosa *\/\r\n .mob-btn-search:hover, .mob-btn-search:active, .mob-btn-search:focus {\r\n background-color: #ea580c !important; \/* Laranja mais escuro for\u00e7ado no hover\/clique *\/\r\n box-shadow: 0 6px 15px rgba(249, 115, 22, 0.4);\r\n outline: none;\r\n }\r\n\r\n \/* Inputs invis\u00edveis - PREVEN\u00c7\u00c3O DE ZOOM NO IOS *\/\r\n .mob-input-invisivel {\r\n border: none !important;\r\n background: transparent !important;\r\n box-shadow: none !important;\r\n font-family: inherit !important;\r\n font-size: 16px !important; \/* <-- MANTIDO 16PX: Evita que o iOS d\u00ea zoom no clique *\/\r\n color: #4b5563 !important;\r\n outline: none !important;\r\n width: 100%;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n text-align: left;\r\n -webkit-text-size-adjust: 100%; \/* Evita redimensionamento indesejado no safari *\/\r\n }\r\n \r\n .mob-dates-box .mob-input-invisivel {\r\n text-align: center;\r\n }\r\n\r\n .mob-input-invisivel::placeholder {\r\n color: #4b5563;\r\n opacity: 1;\r\n }\r\n\r\n input[type=number]::-webkit-inner-spin-button, \r\n input[type=number]::-webkit-outer-spin-button { \r\n -webkit-appearance: none; \r\n margin: 0; \r\n }\r\n\r\n \/* Calend\u00e1rio Customizado Mobile *\/\r\n .mob-custom-calendar {\r\n display: none; \r\n position: absolute;\r\n top: 100%; \r\n left: 0;\r\n right: 0;\r\n margin-top: 5px;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n padding: 15px;\r\n z-index: 1000;\r\n border: 1px solid #e5e7eb;\r\n }\r\n\r\n .mob-calendar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n color: #4b5563;\r\n }\r\n\r\n .mob-calendar-grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 2px;\r\n text-align: center;\r\n }\r\n\r\n .mob-calendar-day-name {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #9ca3af;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .mob-calendar-day {\r\n padding: 8px 0;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n color: #4b5563;\r\n }\r\n\r\n .mob-calendar-day.past-date {\r\n color: #d1d5db;\r\n }\r\n\r\n .mob-calendar-day.selected-date {\r\n background-color: #f97316;\r\n color: white;\r\n font-weight: bold;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"mob-search-container\">\r\n \r\n <div class=\"mob-search-item\">\r\n <input type=\"text\" class=\"mob-input-invisivel\" placeholder=\"City\" readonly value=\"City\">\r\n <div class=\"mob-icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mob-search-item mob-dates-box\" id=\"mob-dates-container\">\r\n <input type=\"text\" id=\"mob-checkin-input\" class=\"mob-input-invisivel\" placeholder=\"Check-in\" readonly>\r\n <span style=\"color:#d1d5db;\">|<\/span>\r\n <input type=\"text\" id=\"mob-checkout-input\" class=\"mob-input-invisivel\" placeholder=\"Check-out\" readonly>\r\n \r\n <div id=\"mob-custom-calendar-popup\" class=\"mob-custom-calendar\">\r\n <div class=\"mob-calendar-header\">\r\n <span id=\"mob-prev-month\" style=\"padding:5px; cursor:pointer;\">❮<\/span>\r\n <span id=\"mob-calendar-month-year\">March 2026<\/span>\r\n <span id=\"mob-next-month\" style=\"padding:5px; cursor:pointer;\">❯<\/span>\r\n <\/div>\r\n <div class=\"mob-calendar-grid\" id=\"mob-calendar-grid\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mob-search-item\">\r\n <input type=\"number\" class=\"mob-input-invisivel\" placeholder=\"Guests\" min=\"1\">\r\n <div class=\"mob-icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"mob-btn-search\">Search<\/button>\r\n\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Usamos uma fun\u00e7\u00e3o an\u00f4nima para isolar as vari\u00e1veis e n\u00e3o conflitar com o Desktop\r\n (function() {\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const checkinInput = document.getElementById('mob-checkin-input');\r\n const checkoutInput = document.getElementById('mob-checkout-input');\r\n const calendarPopup = document.getElementById('mob-custom-calendar-popup');\r\n const monthYearDisplay = document.getElementById('mob-calendar-month-year');\r\n const prevMonthBtn = document.getElementById('mob-prev-month');\r\n const nextMonthBtn = document.getElementById('mob-next-month');\r\n const datesContainer = document.getElementById('mob-dates-container');\r\n const grid = document.getElementById('mob-calendar-grid');\r\n \r\n if(!checkinInput) return; \/\/ Seguran\u00e7a\r\n\r\n let currentDate = new Date();\r\n let currentMonth = currentDate.getMonth();\r\n let currentYear = currentDate.getFullYear();\r\n let activeInput = null; \r\n\r\n const monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n\r\n function renderCalendar(month, year) {\r\n monthYearDisplay.textContent = `${monthNames[month]} ${year}`;\r\n const dayNamesHTML = `<div class=\"mob-calendar-day-name\">S<\/div><div class=\"mob-calendar-day-name\">M<\/div><div class=\"mob-calendar-day-name\">T<\/div><div class=\"mob-calendar-day-name\">W<\/div><div class=\"mob-calendar-day-name\">T<\/div><div class=\"mob-calendar-day-name\">F<\/div><div class=\"mob-calendar-day-name\">S<\/div>`;\r\n grid.innerHTML = dayNamesHTML;\r\n\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n const today = new Date();\r\n today.setHours(0,0,0,0);\r\n\r\n for (let i = 0; i < firstDay; i++) {\r\n grid.appendChild(document.createElement('div'));\r\n }\r\n\r\n for (let i = 1; i <= daysInMonth; i++) {\r\n let dayDiv = document.createElement('div');\r\n dayDiv.classList.add('mob-calendar-day');\r\n dayDiv.textContent = i;\r\n \r\n let dateOfThisDay = new Date(year, month, i);\r\n\r\n if (dateOfThisDay < today) {\r\n dayDiv.classList.add('past-date');\r\n } else {\r\n dayDiv.addEventListener('click', function() {\r\n let formattedDate = `${String(month + 1).padStart(2, '0')}\/${String(i).padStart(2, '0')}\/${year}`;\r\n if (activeInput) {\r\n activeInput.value = formattedDate;\r\n }\r\n calendarPopup.style.display = 'none';\r\n });\r\n\r\n if (activeInput && activeInput.value) {\r\n let [m, d, y] = activeInput.value.split('\/');\r\n if (parseInt(d) === i && parseInt(m) - 1 === month && parseInt(y) === year) {\r\n dayDiv.classList.add('selected-date');\r\n }\r\n }\r\n }\r\n grid.appendChild(dayDiv);\r\n }\r\n }\r\n\r\n function openCalendar(inputElement) {\r\n activeInput = inputElement;\r\n calendarPopup.style.display = 'block';\r\n \r\n if (inputElement.value) {\r\n let [m, d, y] = inputElement.value.split('\/');\r\n currentMonth = parseInt(m) - 1;\r\n currentYear = parseInt(y);\r\n } else {\r\n currentMonth = new Date().getMonth();\r\n currentYear = new Date().getFullYear();\r\n }\r\n renderCalendar(currentMonth, currentYear);\r\n }\r\n\r\n checkinInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkinInput);\r\n });\r\n\r\n checkoutInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkoutInput);\r\n });\r\n\r\n prevMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth--;\r\n if (currentMonth < 0) { currentMonth = 11; currentYear--; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n nextMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth++;\r\n if (currentMonth > 11) { currentMonth = 0; currentYear++; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!datesContainer.contains(e.target)) {\r\n calendarPopup.style.display = 'none';\r\n }\r\n });\r\n \r\n calendarPopup.addEventListener('click', function(e){\r\n e.stopPropagation();\r\n });\r\n });\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d7daf7c elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"2d7daf7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-396d639a elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"396d639a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins do Google Fonts *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap');\r\n\r\n .titulo-destaque-mobile {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 22px; \/* Mantive os 22px que voc\u00ea pediu *\/\r\n font-weight: 600; \r\n line-height: 1.3; \r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .frase-azul {\r\n color: #103e7c; \r\n display: block; \/* Mant\u00e9m na linha de cima *\/\r\n }\r\n\r\n .frase-laranja {\r\n color: #f56e00; \r\n display: block; \/* Mant\u00e9m na linha de baixo *\/\r\n white-space: nowrap; \/* O SEGREDO: Pro\u00edbe a frase de quebrar em duas linhas! *\/\r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-destaque-mobile\">\r\n <span class=\"frase-azul\">More than a rental,<\/span>\r\n <span class=\"frase-laranja\">a Pura Vida experience<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fef3397 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7fef3397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We are the third generation of a hospitality family deeply connected to Jac\u00f3, where multiple generations of our family have lived, worked, and built a legacy in tourism and hospitality.<\/span><\/p><p><span style=\"font-weight: 400;\">Through Casago Costa Rica, we open the doors to carefully selected vacation homes with the service, care, and trust that only a local team can offer.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2beb7a39 elementor-widget elementor-widget-button\" data-id=\"2beb7a39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">FIND YOUR IDEAL RENTAL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33ef7169 elementor-widget elementor-widget-image\" data-id=\"33ef7169\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"551\" height=\"441\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png\" class=\"attachment-large size-large wp-image-17\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png 551w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-300x240.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-15x12.png 15w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bde602c elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"4bde602c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"shape_divider_top":"tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-515c4e1b elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"515c4e1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap');\r\n\r\n \/* ESTILO EXCLUSIVO MOBILE *\/\r\n .titulo-hospitality-mob {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 20px; \/* Tamanho exato solicitado *\/\r\n line-height: 1.4; \/* Respiro confort\u00e1vel para leitura fluida *\/\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \r\n text-align: left; \/* Garante que comece da esquerda para a direita *\/\r\n }\r\n\r\n .titulo-hospitality-mob .frase-fina-branca {\r\n color: #ffffff; \r\n font-weight: 400; \r\n }\r\n\r\n .titulo-hospitality-mob .frase-grossa-laranja {\r\n color: #f56e00; \r\n font-weight: 600; \r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-hospitality-mob\">\r\n <span class=\"frase-fina-branca\">The Peace of Mind of Feeling at Home, <\/span>\r\n <span class=\"frase-grossa-laranja\">Backed by a Hospitality Family<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6121c43f elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6121c43f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">In a world of impersonal platforms, we offer you something different: trust. Ever since our grandfather, Bernardo Monge, founded one of the first hotels in Jac\u00f3 in 1976, our family has been dedicated to creating unforgettable experiences for those who visit our coast.<\/span><\/p><p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Today, at <\/span><strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Casago<\/span><\/strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">, we keep that tradition alive, blending the warmth of personal service with the technology and standards of an international network.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9ab3b2 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"2a9ab3b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos Normal (400) e Negrito (700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap');\r\n\r\n \/* Container do Grid - EXCLUSIVO MOBILE *\/\r\n .benefits-grid-mob {\r\n display: flex; \r\n flex-direction: column;\r\n gap: 20px; \r\n width: 100%;\r\n padding: 0 10px;\r\n box-sizing: border-box;\r\n margin: 20px auto;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n \/* Estilo de cada Cart\u00e3o Azul *\/\r\n .benefits-grid-mob .benefit-card {\r\n background-color: #0b2b56; \r\n border-radius: 16px;\r\n position: relative;\r\n padding: 25px 20px 25px 60px; \r\n margin-left: 10px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 120px; \r\n }\r\n\r\n \/* Onde a imagem\/\u00edcone vai ficar *\/\r\n .benefits-grid-mob .benefit-icon-wrapper {\r\n position: absolute;\r\n top: 25px; \r\n left: -10px; \r\n }\r\n\r\n .benefits-grid-mob .benefit-icon-wrapper img {\r\n width: 50px; \r\n height: auto;\r\n display: block;\r\n border-radius: 0; \r\n box-shadow: none; \r\n background: transparent; \r\n }\r\n\r\n \/* T\u00edtulo do Cart\u00e3o *\/\r\n .benefits-grid-mob .benefit-title {\r\n font-size: 16px; \r\n color: #ee9445; \r\n font-weight: 700;\r\n margin: 0 0 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Texto de Conte\u00fado do Cart\u00e3o (Descri\u00e7\u00e3o) - 14px e Peso 400 blindado *\/\r\n .benefits-grid-mob .benefit-desc {\r\n font-size: 14px !important; \r\n color: #ffffff; \r\n font-weight: 400 !important; \/* Blindagem para garantir a espessura fina (Regular) *\/\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n<\/style>\r\n\r\n<div class=\"benefits-grid-mob\">\r\n \r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-3.png\" alt=\"\u00cdcone Quality-Approved Homes\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Quality-Approved Homes<\/h3>\r\n <p class=\"benefit-desc\">Every home and condominium in our portfolio is personally inspected and approved by our local team. We only offer places where we would happily stay with our own family.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-1.png\" alt=\"\u00cdcone Local 24\/7 Support\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Local 24\/7 Support<\/h3>\r\n <p class=\"benefit-desc\">Need a dinner recommendation or help during your stay? Our team is based in Jac\u00f3 and always just a WhatsApp message away \u2014 ready to help like a local friend, not a call center.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2-1.png\" alt=\"\u00cdcone 5-Star Cleanliness\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">5-Star Cleanliness<\/h3>\r\n <p class=\"benefit-desc\">Your comfort and safety are our priority. Every property follows professional cleaning protocols to ensure spotless, welcoming spaces.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-4.png\" alt=\"\u00cdcone Book Direct & Save\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Book Direct & Save<\/h3>\r\n <p class=\"benefit-desc\">Avoid hidden fees. When you book directly with Casago Costa Rica, you always receive the best available price.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ad3a195 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"2ad3a195\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bb42798 elementor-widget elementor-widget-html\" data-id=\"3bb42798\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com o peso 600 (SemiBold) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&display=swap');\r\n\r\n \/* ESTILO EXCLUSIVO MOBILE *\/\r\n .titulo-favorite-spot-mob {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 20px; \/* Tamanho exato para celular *\/\r\n line-height: 1.3; \/* Leve respiro para leitura na tela menor *\/\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \r\n }\r\n\r\n .titulo-favorite-spot-mob .linha-branca-grossa {\r\n color: #ffffff;\r\n font-weight: 600; \r\n display: block; \/* Garante a frase branca na parte de cima *\/\r\n }\r\n\r\n .titulo-favorite-spot-mob .linha-azul {\r\n color: #103e7c;\r\n font-weight: 600; \r\n display: block; \/* For\u00e7a a frase azul a ir para a linha de baixo *\/\r\n }\r\n<\/style>\r\n\r\n<h3 class=\"titulo-favorite-spot-mob\">\r\n <span class=\"linha-branca-grossa\">Find Your Favorite Spot in the<\/span>\r\n <span class=\"linha-azul\">Heart of the Central Pacific<\/span>\r\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6504a0f0 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6504a0f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Jac\u00f3 is our home, and we want it to feel like yours too.<\/span><\/p><p><span style=\"font-weight: 400;\">Whether you are planning a weekend escape, a family vacation, a work-from-anywhere stay by the ocean, or a friend\u2019s beach trip we offer the perfect space for your visit.<\/span><\/p><p><strong>Our current portfolio features modern condominiums with resort-style amenities and prime locations in Jac\u00f3.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-259920f6 elementor-widget elementor-widget-button\" data-id=\"259920f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">VIEW ALL PROPERTIES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c284e1c elementor-widget elementor-widget-image\" data-id=\"3c284e1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"491\" height=\"453\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png\" class=\"attachment-large size-large wp-image-18\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png 491w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-300x277.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-13x12.png 13w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-369e6a94 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"369e6a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importar a fonte Poppins *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Oculta no Desktop e Tablet *\/\r\n .grelha-nova-alojamento {\r\n display: none;\r\n }\r\n\r\n \/* Exibe apenas no Mobile *\/\r\n @media (max-width: 768px) {\r\n .grelha-nova-alojamento {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 20px !important; \/* Mantido o respiro entre os cart\u00f5es *\/\r\n width: 100% !important;\r\n padding: 10px 15px 30px 15px !important; \r\n box-sizing: border-box !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n \/* Cont\u00eainer do Cart\u00e3o - ADICIONADA SOMBRA MAIS ROBUSTA *\/\r\n .cartao-natural {\r\n position: relative !important;\r\n width: 100% !important;\r\n display: block !important;\r\n \/* AUMENTADA A SOMBRA: Mais difundida e escura para evitar flutua\u00e7\u00e3o *\/\r\n box-shadow: 10px 10px 25px rgba(0,0,0,0.25) !important; \r\n border-radius: 15px !important; \r\n overflow: hidden;\r\n }\r\n\r\n \/* Imagem *\/\r\n .cartao-natural img {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 220px !important; \/* Altura mantida para simetria *\/\r\n object-fit: cover !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border-radius: 15px !important;\r\n }\r\n\r\n \/* Cont\u00eainer do Texto sobreposto *\/\r\n .texto-sobreposto {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.85)) !important; \/* Fundo levemente mais escuro para a fonte maior *\/\r\n padding: 25px 10px 12px 10px !important; \/* Mais padding superior para o gradiente *\/\r\n box-sizing: border-box !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n \/* Estilo da Fonte - AUMENTADA A FONTE *\/\r\n .texto-sobreposto p {\r\n font-family: 'Poppins', sans-serif !important;\r\n color: #ffffff !important;\r\n font-size: 13px !important; \/* Aumentado de 11px para 13px *\/\r\n font-weight: 500 !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"grelha-nova-alojamento\">\r\n \r\n <div class=\"cartao-natural\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-17.png\" alt=\"Modern apartments\">\r\n <div class=\"texto-sobreposto\">\r\n <p>Modern apartments with pools and gyms. Perfect for families.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cartao-natural\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-19.png\" alt=\"Condominium villas\">\r\n <div class=\"texto-sobreposto\">\r\n <p>Spacious homes designed for longer stays, family gatherings, and relaxing beach getaways.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b88f074 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"5b88f074\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-57a2d193 e-con-full e-flex e-con e-child\" data-id=\"57a2d193\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2e34e9 elementor-widget elementor-widget-image\" data-id=\"4a2e34e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"551\" height=\"441\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png\" class=\"attachment-large size-large wp-image-17\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png 551w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-300x240.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-15x12.png 15w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-590b0fa6 e-con-full e-flex e-con e-child\" data-id=\"590b0fa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2ee044 elementor-widget elementor-widget-html\" data-id=\"3a2ee044\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins do Google Fonts caso o seu tema j\u00e1 n\u00e3o esteja carregando *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap');\r\n\r\n .titulo-destaque {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 28px;\r\n font-weight: 600; \/* Deixa a fonte em negrito (bold) *\/\r\n line-height: 1.3; \/* Ajusta o espa\u00e7amento entre as duas linhas *\/\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .frase-azul {\r\n color: #103e7c;\r\n display: block; \/* For\u00e7a o texto a ficar na pr\u00f3pria linha *\/\r\n }\r\n\r\n .frase-laranja {\r\n color: #f56e00;\r\n display: block; \/* For\u00e7a o texto a ficar na linha de baixo *\/\r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-destaque\">\r\n <span class=\"frase-azul\">More than a rental, a<\/span>\r\n <span class=\"frase-laranja\">Pura Vida experience<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-129e1630 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"129e1630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We are the third generation of a hospitality family deeply connected to Jac\u00f3, where multiple generations of our family have lived, worked, and built a legacy in tourism and hospitality.<\/span><\/p><p><span style=\"font-weight: 400;\">Through Casago Costa Rica, we open the doors to carefully selected vacation homes with the service, care, and trust that only a local team can offer.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5020a104 elementor-widget elementor-widget-button\" data-id=\"5020a104\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">FIND YOUR IDEAL RENTAL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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<div class=\"elementor-element elementor-element-78ea4fca elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"78ea4fca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"shape_divider_top":"tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86aa20d e-grid e-con-full e-con e-child\" data-id=\"86aa20d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49e80d35 elementor-widget elementor-widget-html\" data-id=\"49e80d35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos Normal (400) e Negrito (700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap');\r\n\r\n .titulo-hospitality {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 28px;\r\n line-height: 1.3;\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \/* Fundo transparente *\/\r\n }\r\n\r\n .frase-fina-branca {\r\n color: #ffffff; \/* Cor branca *\/\r\n font-weight: 400; \/* Espessura mais fina *\/\r\n }\r\n\r\n .frase-grossa-laranja {\r\n color: #f56e00; \/* Cor laranja *\/\r\n font-weight: 600; \/* Espessura mais grossa (Negrito) *\/\r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-hospitality\">\r\n <span class=\"frase-fina-branca\">The Peace of Mind of<br>Feeling at Home,<\/span><br>\r\n <span class=\"frase-grossa-laranja\">Backed by a<br>Hospitality Family<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6755cc6d elementor-widget elementor-widget-text-editor\" data-id=\"6755cc6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">In a world of impersonal platforms, we offer you something different: trust. Ever since our grandfather, Bernardo Monge, founded one of the first hotels in Jac\u00f3 in 1976, our family has been dedicated to creating unforgettable experiences for those who visit our coast.<\/span><\/p><p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Today, at <\/span><strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Casago<\/span><\/strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">, we keep that tradition alive, blending the warmth of personal service with the technology and standards of an international network.<\/span><\/p>\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-7e8dc8f5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7e8dc8f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos Normal (400) e Negrito (700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap');\r\n\r\n \/* Container do Grid *\/\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr); \/* 2 colunas no desktop *\/\r\n gap: 30px 80px; \/* AUMENTADO: 30px de espa\u00e7o vertical e 80px de espa\u00e7o horizontal entre colunas *\/\r\n width: 100%;\r\n max-width: 980px; \/* REDUZIDO: Diminui a largura geral, deixando os cart\u00f5es um pouco mais curtos *\/\r\n margin: 20px auto;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n \/* Estilo de cada Cart\u00e3o Azul *\/\r\n .benefit-card {\r\n background-color: #0b2b56; \r\n border-radius: 16px;\r\n position: relative;\r\n padding: 30px 30px 30px 70px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 120px; \r\n }\r\n\r\n \/* Onde a imagem\/\u00edcone vai ficar *\/\r\n .benefit-icon-wrapper {\r\n position: absolute;\r\n top: 25px; \r\n left: -15px; \r\n }\r\n\r\n .benefit-icon-wrapper img {\r\n width: 60px; \r\n height: auto;\r\n display: block;\r\n border-radius: 0; \r\n box-shadow: none; \r\n background: transparent; \r\n }\r\n\r\n \/* T\u00edtulo do Cart\u00e3o *\/\r\n .benefit-title {\r\n font-size: 16px;\r\n color: #ee9445; \r\n font-weight: 700;\r\n margin: 0 0 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Texto de Conte\u00fado do Cart\u00e3o *\/\r\n .benefit-desc {\r\n font-size: 14px;\r\n color: #ffffff; \r\n font-weight: 400;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Responsividade - Ajuste para Celulares *\/\r\n @media (max-width: 768px) {\r\n .benefits-grid {\r\n grid-template-columns: 1fr; \r\n gap: 20px;\r\n padding: 0 10px;\r\n }\r\n \r\n .benefit-card {\r\n padding: 25px 20px 25px 60px;\r\n margin-left: 10px;\r\n }\r\n \r\n .benefit-icon-wrapper {\r\n left: -10px;\r\n top: 25px;\r\n }\r\n \r\n .benefit-icon-wrapper img {\r\n width: 50px; \r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"benefits-grid\">\r\n \r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-3.png\" alt=\"\u00cdcone Quality-Approved Homes\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Quality-Approved Homes<\/h3>\r\n <p class=\"benefit-desc\">Every home and condominium in our portfolio is personally inspected and approved by our local team. We only offer places where we would happily stay with our own family.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-1.png\" alt=\"\u00cdcone Local 24\/7 Support\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Local 24\/7 Support<\/h3>\r\n <p class=\"benefit-desc\">Need a dinner recommendation or help during your stay? Our team is based in Jac\u00f3 and always just a WhatsApp message away \u2014 ready to help like a local friend, not a call center.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2-1.png\" alt=\"\u00cdcone 5-Star Cleanliness\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">5-Star Cleanliness<\/h3>\r\n <p class=\"benefit-desc\">Your comfort and safety are our priority. Every property follows professional cleaning protocols to ensure spotless, welcoming spaces.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-4.png\" alt=\"\u00cdcone Book Direct & Save\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Book Direct & Save<\/h3>\r\n <p class=\"benefit-desc\">Avoid hidden fees. When you book directly with Casago Costa Rica, you always receive the best available price.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba3e6be elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ba3e6be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4f4a62e9 e-con-full e-flex e-con e-child\" data-id=\"4f4a62e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-315f8d3c elementor-widget elementor-widget-html\" data-id=\"315f8d3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos 600 (SemiBold) e 800 (ExtraBold) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;800&display=swap');\r\n\r\n .titulo-favorite-spot {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 28px;\r\n line-height: 1.2; \/* Deixa as linhas bem juntinhas como no design *\/\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \/* Sem fundo laranja *\/\r\n }\r\n\r\n .linha-branca-grossa {\r\n color: #ffffff;\r\n font-weight: 600; \/* Peso maior (mais grossa) *\/\r\n display: block; \/* For\u00e7a a quebra de linha *\/\r\n }\r\n\r\n .linha-azul {\r\n color: #103e7c;\r\n font-weight: 600; \/* Um pouco menos grossa *\/\r\n display: block; \/* Fica na linha de baixo *\/\r\n }\r\n<\/style>\r\n\r\n<h3 class=\"titulo-favorite-spot\">\r\n <span class=\"linha-branca-grossa\">Find Your Favorite Spot in the<\/span>\r\n <span class=\"linha-azul\">Heart of the Central Pacific<\/span>\r\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c721830 elementor-widget elementor-widget-text-editor\" data-id=\"6c721830\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Jac\u00f3 is our home, and we want it to feel like yours too.<\/span><\/p><p><span style=\"font-weight: 400;\">Whether you are planning a weekend escape, a family vacation, a work-from-anywhere stay by the ocean, or a friend\u2019s beach trip we offer the perfect space for your visit.<\/span><\/p><p><strong>Our current portfolio features modern condominiums with resort-style amenities and prime locations in Jac\u00f3.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41ef1f3 elementor-widget elementor-widget-button\" data-id=\"41ef1f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">VIEW ALL PROPERTIES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61dddf0e e-con-full e-flex e-con e-child\" data-id=\"61dddf0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e0370f elementor-widget elementor-widget-image\" data-id=\"7e0370f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"491\" height=\"453\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png\" class=\"attachment-large size-large wp-image-18\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png 491w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-300x277.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-13x12.png 13w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/>\t\t\t\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cd23905 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1cd23905\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79a8fb23 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"79a8fb23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-PT\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n \r\n <style>\r\n \/* Importar a fonte Poppins com pesos regulares e semi-bold *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Contentor principal do Grid *\/\r\n .grelha-personalizada {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr; \/* Propor\u00e7\u00e3o ajustada conforme a imagem original *\/\r\n gap: 80px; \/* Mantido o espa\u00e7o exato de 80px *\/\r\n width: 106%; \r\n margin-left: -3%; \r\n align-items: start; \r\n background: transparent !important; \/* Sem cor de fundo *\/\r\n }\r\n\r\n \/* Estilo do cart\u00e3o *\/\r\n .cartao-alojamento {\r\n position: relative;\r\n border-radius: 20px; \r\n overflow: hidden; \r\n width: 100%; \r\n background-color: transparent !important; \r\n display: block;\r\n height: 230px; \r\n \/* AQUI: Sombra mais forte e deslocada para baixo, igual \u00e0 refer\u00eancia *\/\r\n box-shadow: 0px 25px 35px -5px rgba(0, 0, 0, 0.4); \r\n }\r\n\r\n \/* Imagem de fundo *\/\r\n .cartao-alojamento img {\r\n width: 100%;\r\n height: 100%; \r\n display: block;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border-radius: 20px; \r\n object-fit: cover; \r\n object-position: top; \r\n }\r\n\r\n \/* Contentor do texto - Movido para a parte de BAIXO *\/\r\n .sobreposicao-texto {\r\n position: absolute;\r\n \/* AQUI: Alterado de 30px para 28px para descer os 2px solicitados *\/\r\n bottom: 28px; \r\n left: 0;\r\n width: 100%;\r\n background: transparent !important;\r\n padding: 0 40px; \r\n box-sizing: border-box;\r\n z-index: 2;\r\n text-align: left; \r\n }\r\n\r\n \/* Estilo do texto *\/\r\n .sobreposicao-texto p {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 16px !important;\r\n font-weight: 500;\r\n color: #ffffff;\r\n margin: 0 !important;\r\n line-height: 1.4 !important;\r\n text-shadow: none; \r\n display: block; \r\n \/* AQUI: Diminuindo um pouco a largura do texto *\/\r\n max-width: 90%;\r\n }\r\n\r\n \/* Responsividade para telem\u00f3veis (1 coluna) *\/\r\n @media (max-width: 768px) {\r\n .grelha-personalizada {\r\n grid-template-columns: 1fr;\r\n gap: 50px; \r\n width: 100%;\r\n margin-left: 0;\r\n }\r\n .cartao-alojamento {\r\n height: 210px; \r\n }\r\n .sobreposicao-texto {\r\n padding: 0 20px;\r\n bottom: 18px; \/* Mantendo a propor\u00e7\u00e3o de descida no mobile *\/\r\n }\r\n .sobreposicao-texto p {\r\n max-width: 100%; \/* No mobile o texto ocupa a largura total para melhor leitura *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"grelha-personalizada\">\r\n \r\n <div class=\"cartao-alojamento\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2-2.png\" alt=\"Modern apartments\">\r\n <div class=\"sobreposicao-texto\">\r\n <p>Modern apartments where you can enjoy comfortable private spaces with extraordinary views and access to pools, gyms, and social areas. Perfect for families and groups.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cartao-alojamento\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-2.png\" alt=\"Condominium villas\">\r\n <div class=\"sobreposicao-texto\">\r\n <p>Spacious homes designed for longer stays, family gatherings, and relaxing beach getaways.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e9fe81f e-flex e-con-boxed e-con e-parent\" data-id=\"5e9fe81f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f9adb2 e-con-full e-flex e-con e-child\" data-id=\"3f9adb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c3827cc elementor-widget elementor-widget-html\" data-id=\"1c3827cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Importar a fonte Poppins *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&display=swap');\r\n\r\n\/* =========================================\r\n ESTILO PADR\u00c3O (DESKTOP E TABLET)\r\n ========================================= *\/\r\n.titulo-customizado {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 25px; \/* Tamanho original para telas maiores *\/\r\n font-weight: 600;\r\n line-height: 1.2;\r\n margin: 0;\r\n}\r\n\r\n.frase-branca {\r\n color: #ffffff;\r\n display: block; \/* Garante que quebre a linha *\/\r\n}\r\n\r\n.frase-laranja {\r\n color: #f56e00;\r\n display: block;\r\n}\r\n\r\n\/* =========================================\r\n ESTILO EXCLUSIVO PARA MOBILE\r\n ========================================= *\/\r\n@media (max-width: 768px) {\r\n .titulo-customizado {\r\n font-size: 20px !important; \/* Reduz a fonte apenas no celular *\/\r\n }\r\n}\r\n<\/style>\r\n\r\n<h2 class=\"titulo-customizado\">\r\n <span class=\"frase-branca\">Beyond the Rental:<\/span>\r\n <span class=\"frase-laranja\">We Share Our Secrets<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3c89c8 elementor-widget elementor-widget-text-editor\" data-id=\"1f3c89c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Anyone can hand you the keys to a house.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">We give you the keys to Jac\u00f3.<\/span><\/p><p><span style=\"font-weight: 400;\">As locals, we know the places that don\u2019t appear in travel blogs. When you stay with Casago, you get access to our insider guide.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-293536f1 elementor-widget elementor-widget-button\" data-id=\"293536f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/guide\/\">\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\">EXPLORE OUR JAC\u00d3 GUIDE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78dbb78 elementor-widget elementor-widget-text-editor\" data-id=\"78dbb78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>Already planning your trip?<\/b><b><br \/><\/b><span style=\"font-weight: 400;\">Browse our available homes in Jac\u00f3.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55291981 e-con-full e-flex e-con e-child\" data-id=\"55291981\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-615f3a5f elementor-widget elementor-widget-html\" data-id=\"615f3a5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importando a fonte Poppins com todos os pesos necess\u00e1rios (400, 600, 700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\r\n\r\n \/* =========================================\r\n ESTILO PADR\u00c3O (DESKTOP E TABLET)\r\n ========================================= *\/\r\n .custom-cards-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px; \r\n max-width: 500px; \r\n width: 100%; \/* Fundamental para a adapta\u00e7\u00e3o no mobile *\/\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .custom-card {\r\n border: 2px solid #ffffff;\r\n border-radius: 12px; \r\n padding: 20px 25px; \r\n background-color: transparent; \r\n color: #ffffff; \r\n }\r\n\r\n .custom-card-title {\r\n font-size: 16px; \/* Ligeiramente maior no desktop para destacar *\/\r\n font-weight: 600; \/* Peso do t\u00edtulo *\/\r\n margin: 0 0 5px 0; \r\n line-height: 1.4;\r\n }\r\n\r\n .custom-card-text {\r\n font-size: 16px; \/* Tamanho original no desktop *\/\r\n font-weight: 400;\r\n margin: 0;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* =========================================\r\n ESTILO EXCLUSIVO PARA MOBILE\r\n ========================================= *\/\r\n @media (max-width: 768px) {\r\n .custom-card-text {\r\n font-size: 14px !important; \/* Ajustado para 14px conforme voc\u00ea pediu *\/\r\n }\r\n \r\n .custom-card {\r\n padding: 15px 20px !important; \/* Reduz levemente o espa\u00e7o interno para caber melhor no celular *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"custom-cards-container\">\r\n \r\n <div class=\"custom-card\">\r\n <h3 class=\"custom-card-title\">Where to eat the best gallo pinto?<\/h3>\r\n <p class=\"custom-card-text\">We\u2019ll share our favorite local soda.<\/p>\r\n <\/div>\r\n\r\n <div class=\"custom-card\">\r\n <h3 class=\"custom-card-title\">Looking for the best wave for beginners?<\/h3>\r\n <p class=\"custom-card-text\">We\u2019ll connect you with trusted surf schools.<\/p>\r\n <\/div>\r\n\r\n <div class=\"custom-card\">\r\n <h3 class=\"custom-card-title\">Searching for a hidden waterfall?<\/h3>\r\n <p class=\"custom-card-text\">We\u2019ll point you in the right direction.<\/p>\r\n <\/div>\r\n\r\n<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>T\u00edtulo Personalizado Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Picked by Locals City ❮ March 2026 ❯ SMT WTFS Search Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Pickedby Locals | ❮ March 2026 ❯ Search More than a rental, a Pura Vida experience We are the third generation of a hospitality family deeply […]<\/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":{"_acf_changed":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Home Costa Rica -<\/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:\/\/costaricarentals.casa\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home Costa Rica -\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Personalizado Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Picked by Locals City ❮ March 2026 ❯ SMT WTFS Search Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Pickedby Locals | ❮ March 2026 ❯ Search More than a rental, a Pura Vida experience We are the third generation of a hospitality family deeply […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/costaricarentals.casa\/es\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T19:05:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutos\" \/>\n","yoast_head_json":{"title":"Inicio Costa Rica -","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:\/\/costaricarentals.casa\/es\/","og_locale":"es_ES","og_type":"article","og_title":"Home Costa Rica -","og_description":"T\u00edtulo Personalizado Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Picked by Locals City ❮ March 2026 ❯ SMT WTFS Search Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Pickedby Locals | ❮ March 2026 ❯ Search More than a rental, a Pura Vida experience We are the third generation of a hospitality family deeply […]","og_url":"https:\/\/costaricarentals.casa\/es\/","article_modified_time":"2026-05-19T19:05:10+00:00","og_image":[{"url":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/costaricarentals.casa\/","url":"https:\/\/costaricarentals.casa\/","name":"Inicio Costa Rica -","isPartOf":{"@id":"https:\/\/costaricarentals.casa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/costaricarentals.casa\/#primaryimage"},"image":{"@id":"https:\/\/costaricarentals.casa\/#primaryimage"},"thumbnailUrl":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png","datePublished":"2026-04-06T17:02:54+00:00","dateModified":"2026-05-19T19:05:10+00:00","breadcrumb":{"@id":"https:\/\/costaricarentals.casa\/#breadcrumb"},"inLanguage":"es-CR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/costaricarentals.casa\/"]}]},{"@type":"ImageObject","inLanguage":"es-CR","@id":"https:\/\/costaricarentals.casa\/#primaryimage","url":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png","contentUrl":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/costaricarentals.casa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/costaricarentals.casa\/"},{"@type":"ListItem","position":2,"name":"Home Costa Rica"}]},{"@type":"WebSite","@id":"https:\/\/costaricarentals.casa\/#website","url":"https:\/\/costaricarentals.casa\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/costaricarentals.casa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CR"}]}},"_links":{"self":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":98,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":3125,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages\/13\/revisions\/3125"}],"wp:attachment":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n T\u00edtulo Personalizado<\/title>\r\n \r\n <style>\r\n \/* Importando a fonte Poppins nos pesos 400, 500 e 600 *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Container sem o fundo escuro *\/\r\n .container-exemplo {\r\n padding: 10px 0;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o principal do t\u00edtulo *\/\r\n .titulo-principal {\r\n font-family: 'Poppins', sans-serif;\r\n color: #FFFFFF;\r\n font-size: 32px;\r\n margin: 0; \r\n line-height: 1.3; \r\n text-align: center; \/* Centraliza todo o texto do t\u00edtulo *\/\r\n }\r\n\r\n .linha-1 {\r\n font-weight: 600; \/* Peso 600 (SemiBold) *\/\r\n display: block; \r\n }\r\n\r\n .linha-2 {\r\n font-weight: 500; \/* Peso 500 (Medium) *\/\r\n display: block;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"container-exemplo\">\r\n <h1 class=\"titulo-principal\">\r\n <span class=\"linha-1\">Your Perfect Escape in Jac\u00f3<\/span>\r\n <span class=\"linha-2\">Homes & Condos Hand-Picked by Locals<\/span>\r\n <\/h1>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7cc36274 elementor-widget elementor-widget-html\" data-id=\"7cc36274\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Container principal da barra de busca *\/\r\n .search-bar-container {\r\n display: flex;\r\n flex-wrap: nowrap;\r\n gap: 12px;\r\n background: transparent;\r\n padding: 20px 0;\r\n justify-content: center;\r\n align-items: stretch;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n position: relative; \/* Necess\u00e1rio para os calend\u00e1rios flutuantes *\/\r\n }\r\n\r\n \/* Estilo base para cada bloquinho branco - ALTURA DIMINU\u00cdDA *\/\r\n .search-item {\r\n background-color: #ffffff !important;\r\n border-radius: 16px;\r\n padding: 12px 20px; \/* Reduzido de 16px 24px para ficar mais fino *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);\r\n color: #4b5563;\r\n font-size: 15px;\r\n cursor: pointer;\r\n transition: box-shadow 0.2s ease;\r\n position: relative;\r\n }\r\n\r\n .search-item:hover {\r\n box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* Flexibilidade e larguras *\/\r\n .city-box { flex: 1; min-width: 120px; }\r\n .dates-box { \r\n flex: 2; \r\n min-width: 250px; \r\n display: flex; \r\n justify-content: space-around; \r\n gap: 15px; \r\n }\r\n .guests-box { flex: 1; min-width: 100px; }\r\n\r\n \/* \u00cdcone Chevron *\/\r\n .icon-circle {\r\n border: 1px solid #e5e7eb;\r\n border-radius: 50%;\r\n width: 28px;\r\n height: 28px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-left: 15px;\r\n color: #4b5563;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Bot\u00e3o Search - ALTURA DIMINU\u00cdDA proporcionalmente *\/\r\n .btn-search {\r\n background-color: #f97316;\r\n color: white;\r\n border: none;\r\n border-radius: 16px;\r\n padding: 12px 28px; \/* Reduzido de 18px 32px *\/\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);\r\n transition: background-color 0.3s, box-shadow 0.2s ease;\r\n white-space: nowrap;\r\n }\r\n\r\n .btn-search:hover {\r\n background-color: #ea580c;\r\n box-shadow: 0 6px 15px rgba(249, 115, 22, 0.4);\r\n }\r\n\r\n \/* --- ESTILO PARA TRANSFORMAR INPUTS EM TEXTO --- *\/\r\n .input-invisivel {\r\n border: none !important;\r\n background: transparent !important;\r\n box-shadow: none !important;\r\n font-family: inherit !important;\r\n font-size: 15px !important;\r\n color: #4b5563 !important;\r\n outline: none !important;\r\n cursor: pointer !important;\r\n width: 100%;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n min-height: 0 !important;\r\n text-align: center;\r\n }\r\n\r\n .input-invisivel::placeholder {\r\n color: #4b5563;\r\n opacity: 1;\r\n }\r\n\r\n \/* Remove as setinhas de aumentar\/diminuir do campo Guests *\/\r\n input[type=number]::-webkit-inner-spin-button, \r\n input[type=number]::-webkit-outer-spin-button { \r\n -webkit-appearance: none; \r\n margin: 0; \r\n }\r\n input[type=number] { -moz-appearance: textfield; }\r\n\r\n \/* =========================================\r\n ESTILOS DO CALEND\u00c1RIO CUSTOMIZADO\r\n ========================================= *\/\r\n .custom-calendar {\r\n display: none; \/* Escondido por padr\u00e3o *\/\r\n position: absolute;\r\n top: 110%; \/* Fica logo abaixo da barra *\/\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n padding: 15px;\r\n width: 280px;\r\n z-index: 1000;\r\n font-family: inherit;\r\n border: 1px solid #e5e7eb;\r\n }\r\n\r\n .calendar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n color: #4b5563;\r\n }\r\n\r\n .calendar-nav {\r\n cursor: pointer;\r\n padding: 5px;\r\n color: #9ca3af;\r\n }\r\n .calendar-nav:hover { color: #f97316; }\r\n\r\n .calendar-grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 2px;\r\n text-align: center;\r\n }\r\n\r\n .calendar-day-name {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #9ca3af;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .calendar-day {\r\n padding: 8px 0;\r\n cursor: pointer;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n color: #4b5563;\r\n border: 1px solid transparent; \/* Para n\u00e3o pular quando der hover *\/\r\n }\r\n\r\n .calendar-day:hover {\r\n border-color: #f97316;\r\n color: #f97316;\r\n }\r\n\r\n .calendar-day.past-date {\r\n color: #d1d5db;\r\n cursor: not-allowed;\r\n }\r\n .calendar-day.past-date:hover {\r\n border-color: transparent;\r\n color: #d1d5db;\r\n }\r\n\r\n \/* Estilo da data selecionada na cor Laranja *\/\r\n .calendar-day.selected-date {\r\n background-color: #f97316;\r\n color: white;\r\n border-color: #f97316;\r\n font-weight: bold;\r\n }\r\n\r\n \/* Ajuste para telas de celular *\/\r\n @media (max-width: 768px) {\r\n .search-bar-container {\r\n flex-direction: column;\r\n align-items: stretch;\r\n flex-wrap: wrap;\r\n }\r\n .search-item, .btn-search {\r\n width: 100%;\r\n box-sizing: border-box;\r\n flex: none;\r\n }\r\n .custom-calendar {\r\n width: 90%;\r\n left: 5%;\r\n transform: none;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"search-bar-container\">\r\n \r\n <div class=\"search-item city-box\">\r\n <span>City<\/span>\r\n <div class=\"icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"search-item dates-box\" id=\"dates-container\">\r\n <input type=\"text\" id=\"checkin-input\" class=\"input-invisivel\" placeholder=\"Check-in\" readonly>\r\n <input type=\"text\" id=\"checkout-input\" class=\"input-invisivel\" placeholder=\"Check-out\" readonly>\r\n \r\n <div id=\"custom-calendar-popup\" class=\"custom-calendar\">\r\n <div class=\"calendar-header\">\r\n <span class=\"calendar-nav\" id=\"prev-month\">❮<\/span>\r\n <span id=\"calendar-month-year\">March 2026<\/span>\r\n <span class=\"calendar-nav\" id=\"next-month\">❯<\/span>\r\n <\/div>\r\n <div class=\"calendar-grid\">\r\n <div class=\"calendar-day-name\">S<\/div><div class=\"calendar-day-name\">M<\/div><div class=\"calendar-day-name\">T<\/div>\r\n <div class=\"calendar-day-name\">W<\/div><div class=\"calendar-day-name\">T<\/div><div class=\"calendar-day-name\">F<\/div><div class=\"calendar-day-name\">S<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"search-item guests-box\">\r\n <input type=\"number\" class=\"input-invisivel\" placeholder=\"Guests\" min=\"1\">\r\n <div class=\"icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-search\">Search<\/button>\r\n\r\n<\/div>\r\n\r\n<script>\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const checkinInput = document.getElementById('checkin-input');\r\n const checkoutInput = document.getElementById('checkout-input');\r\n const calendarPopup = document.getElementById('custom-calendar-popup');\r\n const monthYearDisplay = document.getElementById('calendar-month-year');\r\n const prevMonthBtn = document.getElementById('prev-month');\r\n const nextMonthBtn = document.getElementById('next-month');\r\n const datesContainer = document.getElementById('dates-container');\r\n \r\n let currentDate = new Date();\r\n let currentMonth = currentDate.getMonth();\r\n let currentYear = currentDate.getFullYear();\r\n let activeInput = null; \/\/ Para saber se t\u00e1 clicando no check-in ou check-out\r\n\r\n const monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n\r\n \/\/ Fun\u00e7\u00e3o para construir os dias do m\u00eas no calend\u00e1rio\r\n function renderCalendar(month, year) {\r\n monthYearDisplay.textContent = `${monthNames[month]} ${year}`;\r\n \r\n \/\/ Pega o grid e mant\u00e9m s\u00f3 os nomes dos dias (as primeiras 7 divs)\r\n const grid = document.querySelector('.calendar-grid');\r\n const dayNamesHTML = `<div class=\"calendar-day-name\">S<\/div><div class=\"calendar-day-name\">M<\/div><div class=\"calendar-day-name\">T<\/div><div class=\"calendar-day-name\">W<\/div><div class=\"calendar-day-name\">T<\/div><div class=\"calendar-day-name\">F<\/div><div class=\"calendar-day-name\">S<\/div>`;\r\n grid.innerHTML = dayNamesHTML;\r\n\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n const today = new Date();\r\n today.setHours(0,0,0,0);\r\n\r\n \/\/ Espa\u00e7os vazios antes do dia 1\r\n for (let i = 0; i < firstDay; i++) {\r\n let emptyDiv = document.createElement('div');\r\n grid.appendChild(emptyDiv);\r\n }\r\n\r\n \/\/ Cria os dias\r\n for (let i = 1; i <= daysInMonth; i++) {\r\n let dayDiv = document.createElement('div');\r\n dayDiv.classList.add('calendar-day');\r\n dayDiv.textContent = i;\r\n \r\n let dateOfThisDay = new Date(year, month, i);\r\n\r\n \/\/ Marca os dias que j\u00e1 passaram como cinza\r\n if (dateOfThisDay < today) {\r\n dayDiv.classList.add('past-date');\r\n } else {\r\n \/\/ Se for uma data v\u00e1lida, adiciona o evento de clique\r\n dayDiv.addEventListener('click', function() {\r\n \/\/ Formata a data (ex: 03\/25\/2026)\r\n let formattedDate = `${String(month + 1).padStart(2, '0')}\/${String(i).padStart(2, '0')}\/${year}`;\r\n \r\n if (activeInput) {\r\n activeInput.value = formattedDate;\r\n }\r\n calendarPopup.style.display = 'none'; \/\/ Fecha ap\u00f3s escolher\r\n });\r\n\r\n \/\/ Aplica a cor laranja se for a data atualmente digitada no input\r\n if (activeInput && activeInput.value) {\r\n let [m, d, y] = activeInput.value.split('\/');\r\n if (parseInt(d) === i && parseInt(m) - 1 === month && parseInt(y) === year) {\r\n dayDiv.classList.add('selected-date');\r\n }\r\n }\r\n }\r\n grid.appendChild(dayDiv);\r\n }\r\n }\r\n\r\n \/\/ Eventos para abrir o calend\u00e1rio\r\n function openCalendar(inputElement) {\r\n activeInput = inputElement;\r\n calendarPopup.style.display = 'block';\r\n \r\n \/\/ Se o campo j\u00e1 tiver uma data, abre o calend\u00e1rio nesse m\u00eas\r\n if (inputElement.value) {\r\n let [m, d, y] = inputElement.value.split('\/');\r\n currentMonth = parseInt(m) - 1;\r\n currentYear = parseInt(y);\r\n } else {\r\n currentMonth = new Date().getMonth();\r\n currentYear = new Date().getFullYear();\r\n }\r\n renderCalendar(currentMonth, currentYear);\r\n }\r\n\r\n checkinInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkinInput);\r\n });\r\n\r\n checkoutInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkoutInput);\r\n });\r\n\r\n \/\/ Navega\u00e7\u00e3o dos meses\r\n prevMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth--;\r\n if (currentMonth < 0) { currentMonth = 11; currentYear--; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n nextMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth++;\r\n if (currentMonth > 11) { currentMonth = 0; currentYear++; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n \/\/ Fecha o calend\u00e1rio se clicar fora dele\r\n document.addEventListener('click', function(e) {\r\n if (!datesContainer.contains(e.target)) {\r\n calendarPopup.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ Impede que clicar dentro do popup feche ele\r\n calendarPopup.addEventListener('click', function(e){\r\n e.stopPropagation();\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-4a94c33d elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"4a94c33d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/costaricarentals.casa\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/Design-sem-nome-3.mp4","background_play_on_mobile":"yes","background_privacy_mode":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" role=\"presentation\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-25dc158f elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"25dc158f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importando a fonte Poppins *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap');\r\n\r\n \/* Container sem o fundo escuro *\/\r\n .container-exemplo {\r\n padding: 10px 0;\r\n }\r\n\r\n \/* Estiliza\u00e7\u00e3o principal do t\u00edtulo (DESKTOP) *\/\r\n .titulo-principal {\r\n font-family: 'Poppins', sans-serif;\r\n color: #FFFFFF; \/* Branco puro *\/\r\n font-size: 32px; \r\n margin: 0; \r\n line-height: 1.3; \r\n text-align: center; \r\n \/* SOMBRA REMOVIDA *\/\r\n }\r\n\r\n .linha-1 {\r\n font-weight: 700; \/* Bold *\/\r\n display: block; \r\n }\r\n\r\n .linha-2 {\r\n font-weight: 500; \/* Medium *\/\r\n display: block;\r\n margin-top: 4px; \r\n }\r\n\r\n \/* =========================================\r\n AJUSTE EXATO PARA MOBILE (20px)\r\n ========================================= *\/\r\n @media (max-width: 768px) {\r\n .titulo-principal {\r\n font-size: 22px; \/* Reduz para os 20px exatos no celular *\/\r\n line-height: 1.4;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"container-exemplo\">\r\n <h1 class=\"titulo-principal\">\r\n <span class=\"linha-1\">Your Perfect Escape in Jac\u00f3<\/span>\r\n <span class=\"linha-2\">Homes & Condos Hand-Picked<br>by Locals<\/span>\r\n <\/h1>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-326d4525 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"326d4525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Esconde a barra mobile em telas grandes (Desktop e Tablet) *\/\r\n .mob-search-container {\r\n display: none;\r\n }\r\n\r\n \/* Mostra e estiliza a barra APENAS em telas de celular (max 768px) *\/\r\n @media (max-width: 768px) {\r\n .mob-search-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 16px; \/* <-- AUMENTADO PARA 16PX (Mais espa\u00e7o vertical entre todos os campos e o bot\u00e3o) *\/\r\n background: transparent;\r\n padding: 10px 15px;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n width: 100%;\r\n box-sizing: border-box;\r\n position: relative;\r\n }\r\n\r\n \/* Bloquinhos Brancos *\/\r\n .mob-search-item {\r\n background-color: #ffffff !important;\r\n border-radius: 8px;\r\n padding: 6px 12px; \r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); \r\n color: #4b5563;\r\n font-size: 14px; \r\n position: relative;\r\n min-height: 38px; \r\n }\r\n\r\n \/* Divis\u00e3o de Datas (Check-in e Check-out lado a lado no mobile) *\/\r\n .mob-dates-box { \r\n display: flex; \r\n justify-content: space-between; \r\n gap: 10px; \/* <-- AUMENTADO PARA 10PX (Mais espa\u00e7o horizontal entre check-in e check-out) *\/\r\n }\r\n\r\n \/* \u00cdcone Chevron (Setinha) *\/\r\n .mob-icon-circle {\r\n border: 1px solid #e5e7eb;\r\n border-radius: 50%;\r\n width: 22px; \r\n height: 22px; \r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #4b5563;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Bot\u00e3o Search - Laranja consistente *\/\r\n .mob-btn-search {\r\n background-color: #f97316 !important; \/* Laranja base for\u00e7ado *\/\r\n color: white !important;\r\n border: none;\r\n border-radius: 8px; \r\n padding: 8px 16px; \r\n font-size: 15px; \r\n font-weight: 600;\r\n cursor: pointer;\r\n box-shadow: 0 4px 10px rgba(249, 115, 22, 0.3);\r\n text-align: center;\r\n width: 100%;\r\n min-height: 40px; \r\n transition: background-color 0.3s, box-shadow 0.2s ease;\r\n -webkit-tap-highlight-color: transparent; \/* Remove brilho de toque padr\u00e3o no mobile *\/\r\n }\r\n\r\n \/* Hover mantendo o laranja escuro, sem rosa *\/\r\n .mob-btn-search:hover, .mob-btn-search:active, .mob-btn-search:focus {\r\n background-color: #ea580c !important; \/* Laranja mais escuro for\u00e7ado no hover\/clique *\/\r\n box-shadow: 0 6px 15px rgba(249, 115, 22, 0.4);\r\n outline: none;\r\n }\r\n\r\n \/* Inputs invis\u00edveis - PREVEN\u00c7\u00c3O DE ZOOM NO IOS *\/\r\n .mob-input-invisivel {\r\n border: none !important;\r\n background: transparent !important;\r\n box-shadow: none !important;\r\n font-family: inherit !important;\r\n font-size: 16px !important; \/* <-- MANTIDO 16PX: Evita que o iOS d\u00ea zoom no clique *\/\r\n color: #4b5563 !important;\r\n outline: none !important;\r\n width: 100%;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n text-align: left;\r\n -webkit-text-size-adjust: 100%; \/* Evita redimensionamento indesejado no safari *\/\r\n }\r\n \r\n .mob-dates-box .mob-input-invisivel {\r\n text-align: center;\r\n }\r\n\r\n .mob-input-invisivel::placeholder {\r\n color: #4b5563;\r\n opacity: 1;\r\n }\r\n\r\n input[type=number]::-webkit-inner-spin-button, \r\n input[type=number]::-webkit-outer-spin-button { \r\n -webkit-appearance: none; \r\n margin: 0; \r\n }\r\n\r\n \/* Calend\u00e1rio Customizado Mobile *\/\r\n .mob-custom-calendar {\r\n display: none; \r\n position: absolute;\r\n top: 100%; \r\n left: 0;\r\n right: 0;\r\n margin-top: 5px;\r\n background: white;\r\n border-radius: 8px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.15);\r\n padding: 15px;\r\n z-index: 1000;\r\n border: 1px solid #e5e7eb;\r\n }\r\n\r\n .mob-calendar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n font-weight: 600;\r\n color: #4b5563;\r\n }\r\n\r\n .mob-calendar-grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 2px;\r\n text-align: center;\r\n }\r\n\r\n .mob-calendar-day-name {\r\n font-size: 12px;\r\n font-weight: bold;\r\n color: #9ca3af;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .mob-calendar-day {\r\n padding: 8px 0;\r\n border-radius: 4px;\r\n font-size: 14px;\r\n color: #4b5563;\r\n }\r\n\r\n .mob-calendar-day.past-date {\r\n color: #d1d5db;\r\n }\r\n\r\n .mob-calendar-day.selected-date {\r\n background-color: #f97316;\r\n color: white;\r\n font-weight: bold;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"mob-search-container\">\r\n \r\n <div class=\"mob-search-item\">\r\n <input type=\"text\" class=\"mob-input-invisivel\" placeholder=\"City\" readonly value=\"City\">\r\n <div class=\"mob-icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mob-search-item mob-dates-box\" id=\"mob-dates-container\">\r\n <input type=\"text\" id=\"mob-checkin-input\" class=\"mob-input-invisivel\" placeholder=\"Check-in\" readonly>\r\n <span style=\"color:#d1d5db;\">|<\/span>\r\n <input type=\"text\" id=\"mob-checkout-input\" class=\"mob-input-invisivel\" placeholder=\"Check-out\" readonly>\r\n \r\n <div id=\"mob-custom-calendar-popup\" class=\"mob-custom-calendar\">\r\n <div class=\"mob-calendar-header\">\r\n <span id=\"mob-prev-month\" style=\"padding:5px; cursor:pointer;\">❮<\/span>\r\n <span id=\"mob-calendar-month-year\">March 2026<\/span>\r\n <span id=\"mob-next-month\" style=\"padding:5px; cursor:pointer;\">❯<\/span>\r\n <\/div>\r\n <div class=\"mob-calendar-grid\" id=\"mob-calendar-grid\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mob-search-item\">\r\n <input type=\"number\" class=\"mob-input-invisivel\" placeholder=\"Guests\" min=\"1\">\r\n <div class=\"mob-icon-circle\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"mob-btn-search\">Search<\/button>\r\n\r\n<\/div>\r\n\r\n<script>\r\n \/\/ Usamos uma fun\u00e7\u00e3o an\u00f4nima para isolar as vari\u00e1veis e n\u00e3o conflitar com o Desktop\r\n (function() {\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n const checkinInput = document.getElementById('mob-checkin-input');\r\n const checkoutInput = document.getElementById('mob-checkout-input');\r\n const calendarPopup = document.getElementById('mob-custom-calendar-popup');\r\n const monthYearDisplay = document.getElementById('mob-calendar-month-year');\r\n const prevMonthBtn = document.getElementById('mob-prev-month');\r\n const nextMonthBtn = document.getElementById('mob-next-month');\r\n const datesContainer = document.getElementById('mob-dates-container');\r\n const grid = document.getElementById('mob-calendar-grid');\r\n \r\n if(!checkinInput) return; \/\/ Seguran\u00e7a\r\n\r\n let currentDate = new Date();\r\n let currentMonth = currentDate.getMonth();\r\n let currentYear = currentDate.getFullYear();\r\n let activeInput = null; \r\n\r\n const monthNames = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\r\n\r\n function renderCalendar(month, year) {\r\n monthYearDisplay.textContent = `${monthNames[month]} ${year}`;\r\n const dayNamesHTML = `<div class=\"mob-calendar-day-name\">S<\/div><div class=\"mob-calendar-day-name\">M<\/div><div class=\"mob-calendar-day-name\">T<\/div><div class=\"mob-calendar-day-name\">W<\/div><div class=\"mob-calendar-day-name\">T<\/div><div class=\"mob-calendar-day-name\">F<\/div><div class=\"mob-calendar-day-name\">S<\/div>`;\r\n grid.innerHTML = dayNamesHTML;\r\n\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n const today = new Date();\r\n today.setHours(0,0,0,0);\r\n\r\n for (let i = 0; i < firstDay; i++) {\r\n grid.appendChild(document.createElement('div'));\r\n }\r\n\r\n for (let i = 1; i <= daysInMonth; i++) {\r\n let dayDiv = document.createElement('div');\r\n dayDiv.classList.add('mob-calendar-day');\r\n dayDiv.textContent = i;\r\n \r\n let dateOfThisDay = new Date(year, month, i);\r\n\r\n if (dateOfThisDay < today) {\r\n dayDiv.classList.add('past-date');\r\n } else {\r\n dayDiv.addEventListener('click', function() {\r\n let formattedDate = `${String(month + 1).padStart(2, '0')}\/${String(i).padStart(2, '0')}\/${year}`;\r\n if (activeInput) {\r\n activeInput.value = formattedDate;\r\n }\r\n calendarPopup.style.display = 'none';\r\n });\r\n\r\n if (activeInput && activeInput.value) {\r\n let [m, d, y] = activeInput.value.split('\/');\r\n if (parseInt(d) === i && parseInt(m) - 1 === month && parseInt(y) === year) {\r\n dayDiv.classList.add('selected-date');\r\n }\r\n }\r\n }\r\n grid.appendChild(dayDiv);\r\n }\r\n }\r\n\r\n function openCalendar(inputElement) {\r\n activeInput = inputElement;\r\n calendarPopup.style.display = 'block';\r\n \r\n if (inputElement.value) {\r\n let [m, d, y] = inputElement.value.split('\/');\r\n currentMonth = parseInt(m) - 1;\r\n currentYear = parseInt(y);\r\n } else {\r\n currentMonth = new Date().getMonth();\r\n currentYear = new Date().getFullYear();\r\n }\r\n renderCalendar(currentMonth, currentYear);\r\n }\r\n\r\n checkinInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkinInput);\r\n });\r\n\r\n checkoutInput.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n openCalendar(checkoutInput);\r\n });\r\n\r\n prevMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth--;\r\n if (currentMonth < 0) { currentMonth = 11; currentYear--; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n nextMonthBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n currentMonth++;\r\n if (currentMonth > 11) { currentMonth = 0; currentYear++; }\r\n renderCalendar(currentMonth, currentYear);\r\n });\r\n\r\n document.addEventListener('click', function(e) {\r\n if (!datesContainer.contains(e.target)) {\r\n calendarPopup.style.display = 'none';\r\n }\r\n });\r\n \r\n calendarPopup.addEventListener('click', function(e){\r\n e.stopPropagation();\r\n });\r\n });\r\n })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d7daf7c elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"2d7daf7c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-396d639a elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"396d639a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins do Google Fonts *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;700&display=swap');\r\n\r\n .titulo-destaque-mobile {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 22px; \/* Mantive os 22px que voc\u00ea pediu *\/\r\n font-weight: 600; \r\n line-height: 1.3; \r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .frase-azul {\r\n color: #103e7c; \r\n display: block; \/* Mant\u00e9m na linha de cima *\/\r\n }\r\n\r\n .frase-laranja {\r\n color: #f56e00; \r\n display: block; \/* Mant\u00e9m na linha de baixo *\/\r\n white-space: nowrap; \/* O SEGREDO: Pro\u00edbe a frase de quebrar em duas linhas! *\/\r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-destaque-mobile\">\r\n <span class=\"frase-azul\">More than a rental,<\/span>\r\n <span class=\"frase-laranja\">a Pura Vida experience<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fef3397 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"7fef3397\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We are the third generation of a hospitality family deeply connected to Jac\u00f3, where multiple generations of our family have lived, worked, and built a legacy in tourism and hospitality.<\/span><\/p><p><span style=\"font-weight: 400;\">Through Casago Costa Rica, we open the doors to carefully selected vacation homes with the service, care, and trust that only a local team can offer.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2beb7a39 elementor-widget elementor-widget-button\" data-id=\"2beb7a39\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">FIND YOUR IDEAL RENTAL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-33ef7169 elementor-widget elementor-widget-image\" data-id=\"33ef7169\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"551\" height=\"441\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png\" class=\"attachment-large size-large wp-image-17\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png 551w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-300x240.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-15x12.png 15w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4bde602c elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"4bde602c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"shape_divider_top":"tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-515c4e1b elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"515c4e1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600&display=swap');\r\n\r\n \/* ESTILO EXCLUSIVO MOBILE *\/\r\n .titulo-hospitality-mob {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 20px; \/* Tamanho exato solicitado *\/\r\n line-height: 1.4; \/* Respiro confort\u00e1vel para leitura fluida *\/\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \r\n text-align: left; \/* Garante que comece da esquerda para a direita *\/\r\n }\r\n\r\n .titulo-hospitality-mob .frase-fina-branca {\r\n color: #ffffff; \r\n font-weight: 400; \r\n }\r\n\r\n .titulo-hospitality-mob .frase-grossa-laranja {\r\n color: #f56e00; \r\n font-weight: 600; \r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-hospitality-mob\">\r\n <span class=\"frase-fina-branca\">The Peace of Mind of Feeling at Home, <\/span>\r\n <span class=\"frase-grossa-laranja\">Backed by a Hospitality Family<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6121c43f elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6121c43f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">In a world of impersonal platforms, we offer you something different: trust. Ever since our grandfather, Bernardo Monge, founded one of the first hotels in Jac\u00f3 in 1976, our family has been dedicated to creating unforgettable experiences for those who visit our coast.<\/span><\/p><p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Today, at <\/span><strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Casago<\/span><\/strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">, we keep that tradition alive, blending the warmth of personal service with the technology and standards of an international network.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a9ab3b2 elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"2a9ab3b2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos Normal (400) e Negrito (700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap');\r\n\r\n \/* Container do Grid - EXCLUSIVO MOBILE *\/\r\n .benefits-grid-mob {\r\n display: flex; \r\n flex-direction: column;\r\n gap: 20px; \r\n width: 100%;\r\n padding: 0 10px;\r\n box-sizing: border-box;\r\n margin: 20px auto;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n \/* Estilo de cada Cart\u00e3o Azul *\/\r\n .benefits-grid-mob .benefit-card {\r\n background-color: #0b2b56; \r\n border-radius: 16px;\r\n position: relative;\r\n padding: 25px 20px 25px 60px; \r\n margin-left: 10px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 120px; \r\n }\r\n\r\n \/* Onde a imagem\/\u00edcone vai ficar *\/\r\n .benefits-grid-mob .benefit-icon-wrapper {\r\n position: absolute;\r\n top: 25px; \r\n left: -10px; \r\n }\r\n\r\n .benefits-grid-mob .benefit-icon-wrapper img {\r\n width: 50px; \r\n height: auto;\r\n display: block;\r\n border-radius: 0; \r\n box-shadow: none; \r\n background: transparent; \r\n }\r\n\r\n \/* T\u00edtulo do Cart\u00e3o *\/\r\n .benefits-grid-mob .benefit-title {\r\n font-size: 16px; \r\n color: #ee9445; \r\n font-weight: 700;\r\n margin: 0 0 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Texto de Conte\u00fado do Cart\u00e3o (Descri\u00e7\u00e3o) - 14px e Peso 400 blindado *\/\r\n .benefits-grid-mob .benefit-desc {\r\n font-size: 14px !important; \r\n color: #ffffff; \r\n font-weight: 400 !important; \/* Blindagem para garantir a espessura fina (Regular) *\/\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n<\/style>\r\n\r\n<div class=\"benefits-grid-mob\">\r\n \r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-3.png\" alt=\"\u00cdcone Quality-Approved Homes\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Quality-Approved Homes<\/h3>\r\n <p class=\"benefit-desc\">Every home and condominium in our portfolio is personally inspected and approved by our local team. We only offer places where we would happily stay with our own family.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-1.png\" alt=\"\u00cdcone Local 24\/7 Support\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Local 24\/7 Support<\/h3>\r\n <p class=\"benefit-desc\">Need a dinner recommendation or help during your stay? Our team is based in Jac\u00f3 and always just a WhatsApp message away \u2014 ready to help like a local friend, not a call center.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2-1.png\" alt=\"\u00cdcone 5-Star Cleanliness\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">5-Star Cleanliness<\/h3>\r\n <p class=\"benefit-desc\">Your comfort and safety are our priority. Every property follows professional cleaning protocols to ensure spotless, welcoming spaces.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-4.png\" alt=\"\u00cdcone Book Direct & Save\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Book Direct & Save<\/h3>\r\n <p class=\"benefit-desc\">Avoid hidden fees. When you book directly with Casago Costa Rica, you always receive the best available price.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2ad3a195 elementor-hidden-desktop e-flex e-con-boxed e-con e-parent\" data-id=\"2ad3a195\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3bb42798 elementor-widget elementor-widget-html\" data-id=\"3bb42798\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com o peso 600 (SemiBold) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&display=swap');\r\n\r\n \/* ESTILO EXCLUSIVO MOBILE *\/\r\n .titulo-favorite-spot-mob {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 20px; \/* Tamanho exato para celular *\/\r\n line-height: 1.3; \/* Leve respiro para leitura na tela menor *\/\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \r\n }\r\n\r\n .titulo-favorite-spot-mob .linha-branca-grossa {\r\n color: #ffffff;\r\n font-weight: 600; \r\n display: block; \/* Garante a frase branca na parte de cima *\/\r\n }\r\n\r\n .titulo-favorite-spot-mob .linha-azul {\r\n color: #103e7c;\r\n font-weight: 600; \r\n display: block; \/* For\u00e7a a frase azul a ir para a linha de baixo *\/\r\n }\r\n<\/style>\r\n\r\n<h3 class=\"titulo-favorite-spot-mob\">\r\n <span class=\"linha-branca-grossa\">Find Your Favorite Spot in the<\/span>\r\n <span class=\"linha-azul\">Heart of the Central Pacific<\/span>\r\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6504a0f0 elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"6504a0f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Jac\u00f3 is our home, and we want it to feel like yours too.<\/span><\/p><p><span style=\"font-weight: 400;\">Whether you are planning a weekend escape, a family vacation, a work-from-anywhere stay by the ocean, or a friend\u2019s beach trip we offer the perfect space for your visit.<\/span><\/p><p><strong>Our current portfolio features modern condominiums with resort-style amenities and prime locations in Jac\u00f3.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-259920f6 elementor-widget elementor-widget-button\" data-id=\"259920f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">VIEW ALL PROPERTIES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c284e1c elementor-widget elementor-widget-image\" data-id=\"3c284e1c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"491\" height=\"453\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png\" class=\"attachment-large size-large wp-image-18\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png 491w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-300x277.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-13x12.png 13w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-369e6a94 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"369e6a94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importar a fonte Poppins *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Oculta no Desktop e Tablet *\/\r\n .grelha-nova-alojamento {\r\n display: none;\r\n }\r\n\r\n \/* Exibe apenas no Mobile *\/\r\n @media (max-width: 768px) {\r\n .grelha-nova-alojamento {\r\n display: grid !important;\r\n grid-template-columns: 1fr 1fr !important;\r\n gap: 20px !important; \/* Mantido o respiro entre os cart\u00f5es *\/\r\n width: 100% !important;\r\n padding: 10px 15px 30px 15px !important; \r\n box-sizing: border-box !important;\r\n margin: 0 auto !important;\r\n }\r\n\r\n \/* Cont\u00eainer do Cart\u00e3o - ADICIONADA SOMBRA MAIS ROBUSTA *\/\r\n .cartao-natural {\r\n position: relative !important;\r\n width: 100% !important;\r\n display: block !important;\r\n \/* AUMENTADA A SOMBRA: Mais difundida e escura para evitar flutua\u00e7\u00e3o *\/\r\n box-shadow: 10px 10px 25px rgba(0,0,0,0.25) !important; \r\n border-radius: 15px !important; \r\n overflow: hidden;\r\n }\r\n\r\n \/* Imagem *\/\r\n .cartao-natural img {\r\n display: block !important;\r\n width: 100% !important;\r\n height: 220px !important; \/* Altura mantida para simetria *\/\r\n object-fit: cover !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border-radius: 15px !important;\r\n }\r\n\r\n \/* Cont\u00eainer do Texto sobreposto *\/\r\n .texto-sobreposto {\r\n position: absolute !important;\r\n bottom: 0 !important;\r\n left: 0 !important;\r\n width: 100% !important;\r\n background: linear-gradient(transparent, rgba(0,0,0,0.85)) !important; \/* Fundo levemente mais escuro para a fonte maior *\/\r\n padding: 25px 10px 12px 10px !important; \/* Mais padding superior para o gradiente *\/\r\n box-sizing: border-box !important;\r\n z-index: 2 !important;\r\n }\r\n\r\n \/* Estilo da Fonte - AUMENTADA A FONTE *\/\r\n .texto-sobreposto p {\r\n font-family: 'Poppins', sans-serif !important;\r\n color: #ffffff !important;\r\n font-size: 13px !important; \/* Aumentado de 11px para 13px *\/\r\n font-weight: 500 !important;\r\n line-height: 1.3 !important;\r\n margin: 0 !important;\r\n text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"grelha-nova-alojamento\">\r\n \r\n <div class=\"cartao-natural\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-17.png\" alt=\"Modern apartments\">\r\n <div class=\"texto-sobreposto\">\r\n <p>Modern apartments with pools and gyms. Perfect for families.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cartao-natural\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-19.png\" alt=\"Condominium villas\">\r\n <div class=\"texto-sobreposto\">\r\n <p>Spacious homes designed for longer stays, family gatherings, and relaxing beach getaways.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5b88f074 e-con-full elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"5b88f074\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-57a2d193 e-con-full e-flex e-con e-child\" data-id=\"57a2d193\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a2e34e9 elementor-widget elementor-widget-image\" data-id=\"4a2e34e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"551\" height=\"441\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png\" class=\"attachment-large size-large wp-image-17\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png 551w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-300x240.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2-15x12.png 15w\" sizes=\"(max-width: 551px) 100vw, 551px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-590b0fa6 e-con-full e-flex e-con e-child\" data-id=\"590b0fa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a2ee044 elementor-widget elementor-widget-html\" data-id=\"3a2ee044\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins do Google Fonts caso o seu tema j\u00e1 n\u00e3o esteja carregando *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@700&display=swap');\r\n\r\n .titulo-destaque {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 28px;\r\n font-weight: 600; \/* Deixa a fonte em negrito (bold) *\/\r\n line-height: 1.3; \/* Ajusta o espa\u00e7amento entre as duas linhas *\/\r\n margin: 0;\r\n padding: 0;\r\n }\r\n\r\n .frase-azul {\r\n color: #103e7c;\r\n display: block; \/* For\u00e7a o texto a ficar na pr\u00f3pria linha *\/\r\n }\r\n\r\n .frase-laranja {\r\n color: #f56e00;\r\n display: block; \/* For\u00e7a o texto a ficar na linha de baixo *\/\r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-destaque\">\r\n <span class=\"frase-azul\">More than a rental, a<\/span>\r\n <span class=\"frase-laranja\">Pura Vida experience<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-129e1630 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"129e1630\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">We are the third generation of a hospitality family deeply connected to Jac\u00f3, where multiple generations of our family have lived, worked, and built a legacy in tourism and hospitality.<\/span><\/p><p><span style=\"font-weight: 400;\">Through Casago Costa Rica, we open the doors to carefully selected vacation homes with the service, care, and trust that only a local team can offer.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5020a104 elementor-widget elementor-widget-button\" data-id=\"5020a104\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">FIND YOUR IDEAL RENTAL<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\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<div class=\"elementor-element elementor-element-78ea4fca elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"78ea4fca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"shape_divider_top":"tilt"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-shape elementor-shape-top\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,6V0h1000v100L0,6z\"\/>\n<\/svg>\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-86aa20d e-grid e-con-full e-con e-child\" data-id=\"86aa20d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-49e80d35 elementor-widget elementor-widget-html\" data-id=\"49e80d35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos Normal (400) e Negrito (700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap');\r\n\r\n .titulo-hospitality {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 28px;\r\n line-height: 1.3;\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \/* Fundo transparente *\/\r\n }\r\n\r\n .frase-fina-branca {\r\n color: #ffffff; \/* Cor branca *\/\r\n font-weight: 400; \/* Espessura mais fina *\/\r\n }\r\n\r\n .frase-grossa-laranja {\r\n color: #f56e00; \/* Cor laranja *\/\r\n font-weight: 600; \/* Espessura mais grossa (Negrito) *\/\r\n }\r\n<\/style>\r\n\r\n<h2 class=\"titulo-hospitality\">\r\n <span class=\"frase-fina-branca\">The Peace of Mind of<br>Feeling at Home,<\/span><br>\r\n <span class=\"frase-grossa-laranja\">Backed by a<br>Hospitality Family<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6755cc6d elementor-widget elementor-widget-text-editor\" data-id=\"6755cc6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">In a world of impersonal platforms, we offer you something different: trust. Ever since our grandfather, Bernardo Monge, founded one of the first hotels in Jac\u00f3 in 1976, our family has been dedicated to creating unforgettable experiences for those who visit our coast.<\/span><\/p><p class=\"cvGsUA direction-ltr align-justify para-style-body\"><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Today, at <\/span><strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">Casago<\/span><\/strong><span class=\"a_GcMg font-feature-liga-off font-feature-clig-off font-feature-calt-off text-decoration-none text-strikethrough-none\">, we keep that tradition alive, blending the warmth of personal service with the technology and standards of an international network.<\/span><\/p>\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-7e8dc8f5 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"7e8dc8f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos Normal (400) e Negrito (700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;700&display=swap');\r\n\r\n \/* Container do Grid *\/\r\n .benefits-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr); \/* 2 colunas no desktop *\/\r\n gap: 30px 80px; \/* AUMENTADO: 30px de espa\u00e7o vertical e 80px de espa\u00e7o horizontal entre colunas *\/\r\n width: 100%;\r\n max-width: 980px; \/* REDUZIDO: Diminui a largura geral, deixando os cart\u00f5es um pouco mais curtos *\/\r\n margin: 20px auto;\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n \/* Estilo de cada Cart\u00e3o Azul *\/\r\n .benefit-card {\r\n background-color: #0b2b56; \r\n border-radius: 16px;\r\n position: relative;\r\n padding: 30px 30px 30px 70px; \r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n min-height: 120px; \r\n }\r\n\r\n \/* Onde a imagem\/\u00edcone vai ficar *\/\r\n .benefit-icon-wrapper {\r\n position: absolute;\r\n top: 25px; \r\n left: -15px; \r\n }\r\n\r\n .benefit-icon-wrapper img {\r\n width: 60px; \r\n height: auto;\r\n display: block;\r\n border-radius: 0; \r\n box-shadow: none; \r\n background: transparent; \r\n }\r\n\r\n \/* T\u00edtulo do Cart\u00e3o *\/\r\n .benefit-title {\r\n font-size: 16px;\r\n color: #ee9445; \r\n font-weight: 700;\r\n margin: 0 0 8px 0;\r\n line-height: 1.3;\r\n }\r\n\r\n \/* Texto de Conte\u00fado do Cart\u00e3o *\/\r\n .benefit-desc {\r\n font-size: 14px;\r\n color: #ffffff; \r\n font-weight: 400;\r\n margin: 0;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Responsividade - Ajuste para Celulares *\/\r\n @media (max-width: 768px) {\r\n .benefits-grid {\r\n grid-template-columns: 1fr; \r\n gap: 20px;\r\n padding: 0 10px;\r\n }\r\n \r\n .benefit-card {\r\n padding: 25px 20px 25px 60px;\r\n margin-left: 10px;\r\n }\r\n \r\n .benefit-icon-wrapper {\r\n left: -10px;\r\n top: 25px;\r\n }\r\n \r\n .benefit-icon-wrapper img {\r\n width: 50px; \r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"benefits-grid\">\r\n \r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-3.png\" alt=\"\u00cdcone Quality-Approved Homes\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Quality-Approved Homes<\/h3>\r\n <p class=\"benefit-desc\">Every home and condominium in our portfolio is personally inspected and approved by our local team. We only offer places where we would happily stay with our own family.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-1.png\" alt=\"\u00cdcone Local 24\/7 Support\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Local 24\/7 Support<\/h3>\r\n <p class=\"benefit-desc\">Need a dinner recommendation or help during your stay? Our team is based in Jac\u00f3 and always just a WhatsApp message away \u2014 ready to help like a local friend, not a call center.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2-1.png\" alt=\"\u00cdcone 5-Star Cleanliness\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">5-Star Cleanliness<\/h3>\r\n <p class=\"benefit-desc\">Your comfort and safety are our priority. Every property follows professional cleaning protocols to ensure spotless, welcoming spaces.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"benefit-card\">\r\n <div class=\"benefit-icon-wrapper\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-4.png\" alt=\"\u00cdcone Book Direct & Save\">\r\n <\/div>\r\n <div class=\"benefit-content\">\r\n <h3 class=\"benefit-title\">Book Direct & Save<\/h3>\r\n <p class=\"benefit-desc\">Avoid hidden fees. When you book directly with Casago Costa Rica, you always receive the best available price.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ba3e6be elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"ba3e6be\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4f4a62e9 e-con-full e-flex e-con e-child\" data-id=\"4f4a62e9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-315f8d3c elementor-widget elementor-widget-html\" data-id=\"315f8d3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importa a fonte Poppins com os pesos 600 (SemiBold) e 800 (ExtraBold) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600;800&display=swap');\r\n\r\n .titulo-favorite-spot {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 28px;\r\n line-height: 1.2; \/* Deixa as linhas bem juntinhas como no design *\/\r\n margin: 0;\r\n padding: 0;\r\n background: transparent; \/* Sem fundo laranja *\/\r\n }\r\n\r\n .linha-branca-grossa {\r\n color: #ffffff;\r\n font-weight: 600; \/* Peso maior (mais grossa) *\/\r\n display: block; \/* For\u00e7a a quebra de linha *\/\r\n }\r\n\r\n .linha-azul {\r\n color: #103e7c;\r\n font-weight: 600; \/* Um pouco menos grossa *\/\r\n display: block; \/* Fica na linha de baixo *\/\r\n }\r\n<\/style>\r\n\r\n<h3 class=\"titulo-favorite-spot\">\r\n <span class=\"linha-branca-grossa\">Find Your Favorite Spot in the<\/span>\r\n <span class=\"linha-azul\">Heart of the Central Pacific<\/span>\r\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c721830 elementor-widget elementor-widget-text-editor\" data-id=\"6c721830\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Jac\u00f3 is our home, and we want it to feel like yours too.<\/span><\/p><p><span style=\"font-weight: 400;\">Whether you are planning a weekend escape, a family vacation, a work-from-anywhere stay by the ocean, or a friend\u2019s beach trip we offer the perfect space for your visit.<\/span><\/p><p><strong>Our current portfolio features modern condominiums with resort-style amenities and prime locations in Jac\u00f3.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41ef1f3 elementor-widget elementor-widget-button\" data-id=\"41ef1f3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/search-results\/\">\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\">VIEW ALL PROPERTIES<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-61dddf0e e-con-full e-flex e-con e-child\" data-id=\"61dddf0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e0370f elementor-widget elementor-widget-image\" data-id=\"7e0370f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"491\" height=\"453\" src=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png\" class=\"attachment-large size-large wp-image-18\" alt=\"\" srcset=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5.png 491w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-300x277.png 300w, https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-5-13x12.png 13w\" sizes=\"(max-width: 491px) 100vw, 491px\" \/>\t\t\t\t\t\t\t\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\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cd23905 elementor-hidden-tablet elementor-hidden-mobile e-flex e-con-boxed e-con e-parent\" data-id=\"1cd23905\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79a8fb23 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"79a8fb23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-PT\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n \r\n <style>\r\n \/* Importar a fonte Poppins com pesos regulares e semi-bold *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n \/* Contentor principal do Grid *\/\r\n .grelha-personalizada {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr; \/* Propor\u00e7\u00e3o ajustada conforme a imagem original *\/\r\n gap: 80px; \/* Mantido o espa\u00e7o exato de 80px *\/\r\n width: 106%; \r\n margin-left: -3%; \r\n align-items: start; \r\n background: transparent !important; \/* Sem cor de fundo *\/\r\n }\r\n\r\n \/* Estilo do cart\u00e3o *\/\r\n .cartao-alojamento {\r\n position: relative;\r\n border-radius: 20px; \r\n overflow: hidden; \r\n width: 100%; \r\n background-color: transparent !important; \r\n display: block;\r\n height: 230px; \r\n \/* AQUI: Sombra mais forte e deslocada para baixo, igual \u00e0 refer\u00eancia *\/\r\n box-shadow: 0px 25px 35px -5px rgba(0, 0, 0, 0.4); \r\n }\r\n\r\n \/* Imagem de fundo *\/\r\n .cartao-alojamento img {\r\n width: 100%;\r\n height: 100%; \r\n display: block;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border-radius: 20px; \r\n object-fit: cover; \r\n object-position: top; \r\n }\r\n\r\n \/* Contentor do texto - Movido para a parte de BAIXO *\/\r\n .sobreposicao-texto {\r\n position: absolute;\r\n \/* AQUI: Alterado de 30px para 28px para descer os 2px solicitados *\/\r\n bottom: 28px; \r\n left: 0;\r\n width: 100%;\r\n background: transparent !important;\r\n padding: 0 40px; \r\n box-sizing: border-box;\r\n z-index: 2;\r\n text-align: left; \r\n }\r\n\r\n \/* Estilo do texto *\/\r\n .sobreposicao-texto p {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 16px !important;\r\n font-weight: 500;\r\n color: #ffffff;\r\n margin: 0 !important;\r\n line-height: 1.4 !important;\r\n text-shadow: none; \r\n display: block; \r\n \/* AQUI: Diminuindo um pouco a largura do texto *\/\r\n max-width: 90%;\r\n }\r\n\r\n \/* Responsividade para telem\u00f3veis (1 coluna) *\/\r\n @media (max-width: 768px) {\r\n .grelha-personalizada {\r\n grid-template-columns: 1fr;\r\n gap: 50px; \r\n width: 100%;\r\n margin-left: 0;\r\n }\r\n .cartao-alojamento {\r\n height: 210px; \r\n }\r\n .sobreposicao-texto {\r\n padding: 0 20px;\r\n bottom: 18px; \/* Mantendo a propor\u00e7\u00e3o de descida no mobile *\/\r\n }\r\n .sobreposicao-texto p {\r\n max-width: 100%; \/* No mobile o texto ocupa a largura total para melhor leitura *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"grelha-personalizada\">\r\n \r\n <div class=\"cartao-alojamento\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-2-2.png\" alt=\"Modern apartments\">\r\n <div class=\"sobreposicao-texto\">\r\n <p>Modern apartments where you can enjoy comfortable private spaces with extraordinary views and access to pools, gyms, and social areas. Perfect for families and groups.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cartao-alojamento\">\r\n <img decoding=\"async\" src=\"https:\/\/silomkt.us\/wp-content\/uploads\/2026\/03\/Design-sem-nome-1-2.png\" alt=\"Condominium villas\">\r\n <div class=\"sobreposicao-texto\">\r\n <p>Spacious homes designed for longer stays, family gatherings, and relaxing beach getaways.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e9fe81f e-flex e-con-boxed e-con e-parent\" data-id=\"5e9fe81f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3f9adb2 e-con-full e-flex e-con e-child\" data-id=\"3f9adb2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c3827cc elementor-widget elementor-widget-html\" data-id=\"1c3827cc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* Importar a fonte Poppins *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@600&display=swap');\r\n\r\n\/* =========================================\r\n ESTILO PADR\u00c3O (DESKTOP E TABLET)\r\n ========================================= *\/\r\n.titulo-customizado {\r\n font-family: 'Poppins', sans-serif;\r\n font-size: 25px; \/* Tamanho original para telas maiores *\/\r\n font-weight: 600;\r\n line-height: 1.2;\r\n margin: 0;\r\n}\r\n\r\n.frase-branca {\r\n color: #ffffff;\r\n display: block; \/* Garante que quebre a linha *\/\r\n}\r\n\r\n.frase-laranja {\r\n color: #f56e00;\r\n display: block;\r\n}\r\n\r\n\/* =========================================\r\n ESTILO EXCLUSIVO PARA MOBILE\r\n ========================================= *\/\r\n@media (max-width: 768px) {\r\n .titulo-customizado {\r\n font-size: 20px !important; \/* Reduz a fonte apenas no celular *\/\r\n }\r\n}\r\n<\/style>\r\n\r\n<h2 class=\"titulo-customizado\">\r\n <span class=\"frase-branca\">Beyond the Rental:<\/span>\r\n <span class=\"frase-laranja\">We Share Our Secrets<\/span>\r\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3c89c8 elementor-widget elementor-widget-text-editor\" data-id=\"1f3c89c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Anyone can hand you the keys to a house.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">We give you the keys to Jac\u00f3.<\/span><\/p><p><span style=\"font-weight: 400;\">As locals, we know the places that don\u2019t appear in travel blogs. When you stay with Casago, you get access to our insider guide.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-293536f1 elementor-widget elementor-widget-button\" data-id=\"293536f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/costaricarentals.casa\/guide\/\">\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\">EXPLORE OUR JAC\u00d3 GUIDE<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78dbb78 elementor-widget elementor-widget-text-editor\" data-id=\"78dbb78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><b>Already planning your trip?<\/b><b><br \/><\/b><span style=\"font-weight: 400;\">Browse our available homes in Jac\u00f3.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-55291981 e-con-full e-flex e-con e-child\" data-id=\"55291981\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-615f3a5f elementor-widget elementor-widget-html\" data-id=\"615f3a5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n \/* Importando a fonte Poppins com todos os pesos necess\u00e1rios (400, 600, 700) *\/\r\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;600;700&display=swap');\r\n\r\n \/* =========================================\r\n ESTILO PADR\u00c3O (DESKTOP E TABLET)\r\n ========================================= *\/\r\n .custom-cards-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 15px; \r\n max-width: 500px; \r\n width: 100%; \/* Fundamental para a adapta\u00e7\u00e3o no mobile *\/\r\n font-family: 'Poppins', sans-serif;\r\n }\r\n\r\n .custom-card {\r\n border: 2px solid #ffffff;\r\n border-radius: 12px; \r\n padding: 20px 25px; \r\n background-color: transparent; \r\n color: #ffffff; \r\n }\r\n\r\n .custom-card-title {\r\n font-size: 16px; \/* Ligeiramente maior no desktop para destacar *\/\r\n font-weight: 600; \/* Peso do t\u00edtulo *\/\r\n margin: 0 0 5px 0; \r\n line-height: 1.4;\r\n }\r\n\r\n .custom-card-text {\r\n font-size: 16px; \/* Tamanho original no desktop *\/\r\n font-weight: 400;\r\n margin: 0;\r\n line-height: 1.4;\r\n }\r\n\r\n \/* =========================================\r\n ESTILO EXCLUSIVO PARA MOBILE\r\n ========================================= *\/\r\n @media (max-width: 768px) {\r\n .custom-card-text {\r\n font-size: 14px !important; \/* Ajustado para 14px conforme voc\u00ea pediu *\/\r\n }\r\n \r\n .custom-card {\r\n padding: 15px 20px !important; \/* Reduz levemente o espa\u00e7o interno para caber melhor no celular *\/\r\n }\r\n }\r\n<\/style>\r\n\r\n<div class=\"custom-cards-container\">\r\n \r\n <div class=\"custom-card\">\r\n <h3 class=\"custom-card-title\">Where to eat the best gallo pinto?<\/h3>\r\n <p class=\"custom-card-text\">We\u2019ll share our favorite local soda.<\/p>\r\n <\/div>\r\n\r\n <div class=\"custom-card\">\r\n <h3 class=\"custom-card-title\">Looking for the best wave for beginners?<\/h3>\r\n <p class=\"custom-card-text\">We\u2019ll connect you with trusted surf schools.<\/p>\r\n <\/div>\r\n\r\n <div class=\"custom-card\">\r\n <h3 class=\"custom-card-title\">Searching for a hidden waterfall?<\/h3>\r\n <p class=\"custom-card-text\">We\u2019ll point you in the right direction.<\/p>\r\n <\/div>\r\n\r\n<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>T\u00edtulo Personalizado Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Picked by Locals City ❮ March 2026 ❯ SMT WTFS Search Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Pickedby Locals | ❮ March 2026 ❯ Search More than a rental, a Pura Vida experience We are the third generation of a hospitality family deeply […]<\/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":{"_acf_changed":false,"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>Home Costa Rica -<\/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:\/\/costaricarentals.casa\/es\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home Costa Rica -\" \/>\n<meta property=\"og:description\" content=\"T\u00edtulo Personalizado Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Picked by Locals City ❮ March 2026 ❯ SMT WTFS Search Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Pickedby Locals | ❮ March 2026 ❯ Search More than a rental, a Pura Vida experience We are the third generation of a hospitality family deeply […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/costaricarentals.casa\/es\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T19:05:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"19 minutos\" \/>\n","yoast_head_json":{"title":"Inicio Costa Rica -","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:\/\/costaricarentals.casa\/es\/","og_locale":"es_ES","og_type":"article","og_title":"Home Costa Rica -","og_description":"T\u00edtulo Personalizado Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Picked by Locals City ❮ March 2026 ❯ SMT WTFS Search Your Perfect Escape in Jac\u00f3 Homes & Condos Hand-Pickedby Locals | ❮ March 2026 ❯ Search More than a rental, a Pura Vida experience We are the third generation of a hospitality family deeply […]","og_url":"https:\/\/costaricarentals.casa\/es\/","article_modified_time":"2026-05-19T19:05:10+00:00","og_image":[{"url":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"19 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/costaricarentals.casa\/","url":"https:\/\/costaricarentals.casa\/","name":"Inicio Costa Rica -","isPartOf":{"@id":"https:\/\/costaricarentals.casa\/#website"},"primaryImageOfPage":{"@id":"https:\/\/costaricarentals.casa\/#primaryimage"},"image":{"@id":"https:\/\/costaricarentals.casa\/#primaryimage"},"thumbnailUrl":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png","datePublished":"2026-04-06T17:02:54+00:00","dateModified":"2026-05-19T19:05:10+00:00","breadcrumb":{"@id":"https:\/\/costaricarentals.casa\/#breadcrumb"},"inLanguage":"es-CR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/costaricarentals.casa\/"]}]},{"@type":"ImageObject","inLanguage":"es-CR","@id":"https:\/\/costaricarentals.casa\/#primaryimage","url":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png","contentUrl":"https:\/\/costaricarentals.casa\/wp-content\/uploads\/2026\/04\/Design-sem-nome-2.png"},{"@type":"BreadcrumbList","@id":"https:\/\/costaricarentals.casa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/costaricarentals.casa\/"},{"@type":"ListItem","position":2,"name":"Home Costa Rica"}]},{"@type":"WebSite","@id":"https:\/\/costaricarentals.casa\/#website","url":"https:\/\/costaricarentals.casa\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/costaricarentals.casa\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es-CR"}]}},"_links":{"self":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":98,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":3125,"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/pages\/13\/revisions\/3125"}],"wp:attachment":[{"href":"https:\/\/costaricarentals.casa\/es\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}