/* Realty in Costa Rica — shared visual system. Structural gallery and language modules remain independent. */
@layer realtyMobile{
html body.realty-professional-ui{font-family:Arial,Helvetica,sans-serif!important;color:#234438!important;line-height:1.65!important}
html body.realty-professional-ui :is(button,input,select,textarea){font-family:Arial,Helvetica,sans-serif!important}
html body.realty-professional-ui :is(h1,h2,h3,h4){font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;letter-spacing:-.015em!important}
html body.realty-professional-ui :is(.btn,.button){box-sizing:border-box!important;min-height:42px!important;padding:10px 17px!important;border:1px solid #234b3d!important;border-radius:3px!important;background:#234b3d!important;color:#fffdf4!important;box-shadow:none!important;text-shadow:none!important;font:400 13px/1.5 Arial,sans-serif!important;letter-spacing:0!important;text-decoration:none!important;transform:none!important;transition:background-color .15s!important}
html body.realty-professional-ui :is(.btn,.button) span{font:inherit!important;color:inherit!important;text-shadow:none!important}
html body.realty-professional-ui :is(.btn.secondary,.button.secondary,.property-return){background:#fbfaf5!important;color:#234b3d!important;border-color:#9ba994!important}
html body.realty-professional-ui :is(.btn,.button):hover{background:#183c30!important;color:#fffdf4!important;transform:none!important;box-shadow:none!important}
html body.realty-professional-ui :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #a58c57!important;outline-offset:4px!important}
html body.realty-professional-ui>header.realty-site-header{box-sizing:border-box!important;position:sticky!important;top:0!important;left:auto!important;right:auto!important;z-index:100!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;width:100%!important;min-height:100px!important;height:100px!important;max-height:none!important;margin:0!important;padding:14px max(24px,calc((100% - 1480px)/2))!important;background:#f7f5ebf5!important;border:0!important;border-bottom:1px solid #d8d5c8!important;border-radius:0!important;box-shadow:none!important;transform:none!important;transition:none!important;will-change:auto!important}
html body.realty-professional-ui{padding-top:0!important}
html body.realty-professional-ui>header.realty-site-header:before,html body.realty-professional-ui>header.realty-site-header:after{display:none!important}
html body.realty-professional-ui>header.realty-site-header>.brand-logo{box-sizing:border-box!important;display:flex!important;flex:0 0 300px!important;align-items:center!important;width:300px!important;max-width:300px!important;min-width:220px!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important}
html body.realty-professional-ui>header.realty-site-header>.brand-logo>img.realty-landscape-logo{display:block!important;width:100%!important;max-width:300px!important;height:auto!important;min-height:0!important;max-height:52px!important;object-fit:contain!important;margin:0!important;padding:0!important;transform:none!important}
html body.realty-professional-ui>header.realty-site-header>.site-menu-row{display:flex!important;align-items:center!important;gap:20px!important;flex:none!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuPanel{box-sizing:border-box!important;position:static!important;inset:auto!important;width:auto!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuPanel nav{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;margin:0!important;padding:0!important;gap:22px!important}
html body.realty-professional-ui>header.realty-site-header :is(#siteMenuPanel nav>a,.realty-menu-properties>summary,#lang){box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;min-height:42px!important;height:auto!important;width:auto!important;max-width:none!important;margin:0!important;padding:6px 0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#234438!important;font:400 16px/26px Arial,sans-serif!important;white-space:nowrap!important;text-decoration:none!important;letter-spacing:0!important;cursor:pointer!important;flex:none!important;text-shadow:none!important;filter:none!important}
html body.realty-professional-ui>header.realty-site-header #lang{border-left:1px solid #d8d5c8!important;padding-left:16px!important;flex:none!important}
html body.realty-professional-ui>header.realty-site-header .realty-menu-properties{position:relative!important;margin:0!important}
html body.realty-professional-ui>header.realty-site-header .realty-menu-properties>summary{list-style:none!important}
html body.realty-professional-ui>header.realty-site-header .realty-menu-properties>summary::-webkit-details-marker{display:none}
html body.realty-professional-ui>header.realty-site-header .realty-menu-properties>summary:after{content:"⌄";margin-left:4px}
html body.realty-professional-ui>header.realty-site-header .realty-menu-properties .realty-submenu{box-sizing:border-box!important;position:absolute!important;top:100%!important;left:-18px!important;display:flex!important;flex-direction:column!important;gap:0!important;min-width:230px!important;margin:0!important;padding:10px 0!important;background:#fbfaf5!important;border:1px solid #d8d5c8!important;border-radius:4px!important;box-shadow:0 8px 24px #173e3118!important}
html body.realty-professional-ui>header.realty-site-header .realty-submenu a{display:block!important;min-height:38px!important;padding:8px 18px!important;color:#234438!important;background:transparent!important;border:0!important;font:400 13px/1.5 Arial,sans-serif!important;white-space:nowrap!important;text-decoration:none!important}
html body.realty-professional-ui>header.realty-site-header .realty-submenu a:hover{background:#edf0e6!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuToggle{display:none!important}
html:not([lang^=en]) body.realty-professional-ui .ss-en,html[lang^=en] body.realty-professional-ui .ss-es{display:none!important}
html:not([lang^=en]) body.realty-professional-ui .ss-es,html[lang^=en] body.realty-professional-ui .ss-en{display:inline!important}
html body.realty-professional-ui :is(.realty-hero-destination>a.btn,.catalog-hero-return,.turrialba-hero-return){background:#f7f5ebee!important;color:#234438!important;border-color:#f7f5eb!important;box-shadow:none!important;border-radius:3px!important}
html body.realty-professional-ui :is(.intro,.features,.gallery,.contact,.property-promo){font-size:14px!important}
html body.realty-professional-ui.realty-luxury>.hero{height:430px!important;min-height:430px!important;max-height:430px!important}
html body.realty-professional-ui.realty-luxury>.hero .hero-content{padding:28px max(24px,calc((100vw - 1120px)/2))!important}
html body.realty-professional-ui.realty-luxury>.hero h1{font-size:clamp(30px,3.3vw,44px)!important;line-height:1.12!important;max-width:25ch!important}
html body.realty-professional-ui.realty-luxury main{max-width:1180px!important;width:calc(100% - 64px)!important;margin:0 auto!important}
html body.realty-professional-ui.realty-luxury main>section{box-sizing:border-box!important;margin:32px 0!important;padding:24px 0!important;border-radius:4px!important}
html body.realty-professional-ui.realty-luxury .intro{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:32px!important;align-items:start!important}
html body.realty-professional-ui.realty-luxury .intro>img{width:100%!important;height:auto!important;max-height:380px!important;object-fit:contain!important}
html body.realty-professional-ui.realty-luxury .intro h2,html body.realty-professional-ui .features h2,html body.realty-professional-ui .gallery h2{font-size:28px!important;line-height:1.2!important;margin:0 0 18px!important}
html body.realty-professional-ui.realty-luxury .intro p{font:400 14px/1.75 Arial,sans-serif!important;margin:0 0 14px!important}
html body.realty-professional-ui.realty-luxury .gallery{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body.realty-professional-ui.realty-luxury .gallery .photo{height:210px!important;min-height:0!important;max-height:210px!important;border-radius:3px!important;overflow:hidden!important}
html body.realty-professional-ui.realty-luxury .gallery .photo img{width:100%!important;height:100%!important;object-fit:cover!important}
html body.realty-professional-ui.realty-luxury .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
html body.realty-professional-ui .property-detail{box-sizing:border-box!important;max-width:1120px!important;width:calc(100% - 64px)!important;margin:28px auto!important;padding:0!important}
html body.realty-professional-ui .property-detail>article.card{border-radius:4px!important;box-shadow:none!important;padding:24px!important}
html body.realty-professional-ui .property-detail h1.property-card-title{font:400 clamp(27px,3vw,38px)/1.2 Georgia,serif!important;margin:16px 0 24px!important}
html body.realty-professional-ui .property-detail :is(.gallery-main,.lot625-stage){max-height:420px!important;border-radius:3px!important}
html body.realty-professional-ui .property-detail :is(.gallery-main,.lot625-stage)>img{max-height:420px!important;object-fit:contain!important}
html body.realty-professional-ui .property-detail .card-copy :is(p,li){font-size:14px!important;line-height:1.75!important}
html body.realty-professional-ui.realty-editorial-catalog main{max-width:1180px!important;width:calc(100% - 64px)!important;margin:0 auto!important;padding:0!important}
html body.realty-professional-ui.realty-editorial-catalog main>.luxury-catalog-hero{width:100%!important;max-width:none!important;height:340px!important;min-height:340px!important;margin:24px 0!important;border-radius:4px!important;overflow:hidden!important}
html body.realty-professional-ui.realty-editorial-catalog .luxury-catalog-copy{padding:28px!important}
html body.realty-professional-ui.realty-editorial-catalog .luxury-catalog-copy h1{font-size:38px!important;line-height:1.15!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin:28px 0!important;padding:0!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card,html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card:nth-child(2n){box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fbfaf5!important;border:1px solid #d8d5c8!important;border-radius:4px!important;overflow:hidden!important;box-shadow:none!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card>a:first-child{display:block!important;grid-area:auto!important;order:0!important;width:100%!important;height:190px!important;margin:0!important;padding:0!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card>a:first-child img{display:block!important;width:100%!important;height:190px!important;min-height:190px!important;max-height:190px!important;object-fit:cover!important;border-radius:0!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card>.content{display:flex!important;flex-direction:column!important;order:1!important;grid-area:auto!important;padding:18px!important;gap:0!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card h2{font:400 21px/1.25 Georgia,serif!important;margin:8px 0 12px!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card h2 small{font-size:14px!important;line-height:1.4!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card p{font:400 13px/1.65 Arial,sans-serif!important;margin:0 0 13px!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card .eyebrow{font-size:9px!important;letter-spacing:.1em!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid>article.card .btn{align-self:flex-start!important;margin-top:auto!important}
html body.realty-professional-ui[data-view=volcano] #properties>.intro.turrialba-catalog-hero{height:340px!important;min-height:340px!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-catalog-copy h1{font-size:40px!important;line-height:1.15!important}
html body.realty-professional-ui[data-view=volcano] #properties>.grid.turrialba-editorial-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;width:calc(100% - 64px)!important;max-width:1120px!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card{padding:16px!important;background:#fbfaf5!important;border:1px solid #d8d5c8!important;border-radius:4px!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .property-row-summary>img{height:200px!important;max-height:200px!important;width:100%!important;object-fit:contain!important;margin-bottom:16px!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card h3.mobile-property-photo-title{font:400 23px/1.25 Georgia,serif!important}
html body.realty-professional-ui .persistent-wa{font:400 12px/1.5 Arial,sans-serif!important;padding:11px 15px!important;border-radius:4px!important;background:#234b3d!important;color:#fffdf4!important;box-shadow:none!important}
html body.realty-professional-ui .sticky{border-radius:0!important;box-shadow:none!important;font-size:13px!important}
html body.realty-professional-ui.realty-guide-page main{max-width:1120px!important;width:calc(100% - 64px)!important;margin:0 auto!important}
html body.realty-professional-ui.realty-guide-page .hero{min-height:0!important;height:auto!important;margin:28px 0!important;gap:28px!important;border-radius:4px!important}
html body.realty-professional-ui.realty-guide-page .hero h1{font-size:40px!important}
html body.realty-professional-ui.realty-guide-page .hero figure{height:300px!important;min-height:0!important}
html body.realty-professional-ui.realty-guide-page .hero img{height:100%!important;object-fit:cover!important}
html body.realty-professional-ui.realty-guide-page .content{width:100%!important;max-width:none!important;margin:0!important}
html body.realty-professional-ui.realty-guide-page .section{margin:28px 0!important;padding:0!important}
html body.realty-professional-ui.realty-guide-page .section h2{font-size:28px!important}
html body.realty-professional-ui.realty-guide-page :is(.panel,.property-links a){border-radius:4px!important;box-shadow:none!important}
@media(max-width:1240px){
html body.realty-professional-ui>header.realty-site-header{min-height:86px!important;height:86px!important;padding:12px 22px!important;gap:16px!important}
html body.realty-professional-ui>header.realty-site-header>.brand-logo{flex:0 0 300px!important;min-width:0!important;width:300px!important}
html body.realty-professional-ui>header.realty-site-header>.site-menu-row{gap:16px!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuToggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:42px!important;width:auto!important;margin:0!important;padding:7px 10px!important;border:1px solid #9ba994!important;border-radius:3px!important;background:transparent!important;box-shadow:none!important;color:#234438!important;font:400 13px/1.5 Arial,sans-serif!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuPanel:not([hidden]){display:block!important;position:absolute!important;top:100%!important;left:16px!important;right:16px!important;width:calc(100% - 32px)!important;max-height:calc(100dvh - 110px)!important;padding:14px 20px!important;background:#fbfaf5!important;border:1px solid #d8d5c8!important;border-radius:4px!important;overflow:auto!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuPanel[hidden]{display:none!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuPanel nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:2px!important}
html body.realty-professional-ui>header.realty-site-header .realty-menu-properties .realty-submenu{position:static!important;min-width:0!important;border:0!important;border-left:1px solid #d8d5c8!important;border-radius:0!important;box-shadow:none!important;margin:0 0 10px 4px!important;padding:0!important}
html body.realty-professional-ui>header.realty-site-header #lang{display:inline-flex!important;border:0!important;padding-left:0!important}
}
@media(max-width:700px){
html body.realty-professional-ui>header.realty-site-header{height:78px!important;min-height:78px!important;padding:10px 16px!important}
html body.realty-professional-ui>header.realty-site-header>.brand-logo{flex:0 1 230px!important;max-width:230px!important;width:230px!important}
html body.realty-professional-ui>header.realty-site-header>.site-menu-row{gap:10px!important}
html body.realty-professional-ui>header.realty-site-header #lang{font-size:12px!important}
html body.realty-professional-ui>header.realty-site-header #siteMenuToggle{font-size:12px!important;padding:6px 8px!important}
html body.realty-professional-ui.realty-luxury>.hero{height:400px!important;min-height:400px!important}
html body.realty-professional-ui.realty-luxury main,html body.realty-professional-ui.realty-editorial-catalog main,html body.realty-professional-ui .property-detail,html body.realty-professional-ui.realty-guide-page main{width:calc(100% - 36px)!important;max-width:100%!important}
html body.realty-professional-ui.realty-luxury .intro{grid-template-columns:minmax(0,1fr)!important;gap:20px!important}
html body.realty-professional-ui.realty-luxury .gallery,html body.realty-professional-ui.realty-luxury .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body.realty-professional-ui.realty-luxury .gallery .photo{height:150px!important;max-height:150px!important}
html body.realty-professional-ui .property-detail>article.card{padding:16px!important}
html body.realty-professional-ui.realty-editorial-catalog main>.grid{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
html body.realty-professional-ui[data-view=volcano] #properties>.grid.turrialba-editorial-grid{grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 36px)!important}
html body.realty-professional-ui.realty-guide-page .hero{display:block!important}
html body.realty-professional-ui.realty-guide-page .hero figure{height:220px!important;margin:20px 0!important}
html body.realty-professional-ui.realty-guide-page .hero h1{font-size:32px!important}
}
@media(min-width:701px) and (max-width:1000px){html body.realty-professional-ui.realty-editorial-catalog main>.grid,html body.realty-professional-ui[data-view=volcano] #properties>.grid.turrialba-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){html body.realty-professional-ui *{scroll-behavior:auto!important;transition:none!important}}
}

@layer realtyMobile{html body.realty-professional-ui>header.realty-site-header .realty-menu-properties:not([open]) .realty-submenu{display:none!important}}

@layer realtyMobile{html body.realty-professional-ui>header.realty-site-header>.brand-logo>img.realty-landscape-logo{visibility:visible!important;opacity:1!important;filter:none!important;clip-path:none!important;mix-blend-mode:normal!important}html body.realty-professional-ui>header.realty-site-header #siteMenuPanel nav>a{min-height:42px!important;font:400 16px/26px Arial,sans-serif!important}html body.realty-professional-ui>header.realty-site-header #siteMenuPanel nav>*{max-width:none!important;flex-shrink:0!important}}

@layer realtyMobile{html body.realty-professional-ui:before{content:""!important;position:fixed!important;inset:0!important;display:block!important;z-index:-1!important;pointer-events:none!important;background:linear-gradient(#f8f7f0db,#f1f4eadb),url(https://www.realtyincostarica.com/assets/fast-20261029/assets-cloud-forest-20261018-1536.webp) center/cover no-repeat!important}}

@layer realtyMobile{
html body.realty-professional-ui .turrialba-luxury-layout>.hero{height:430px!important;min-height:430px!important;max-height:430px!important}
html body.realty-professional-ui .turrialba-luxury-layout>.hero .hero-content{padding:28px max(24px,calc((100vw - 1120px)/2))!important}
html body.realty-professional-ui .turrialba-luxury-layout>.hero h1{font-size:clamp(30px,3.3vw,44px)!important;line-height:1.12!important;max-width:27ch!important}
@media(max-width:700px){html body.realty-professional-ui .turrialba-luxury-layout>.hero{height:400px!important;min-height:400px!important;max-height:400px!important}}
}

@layer realtyMobile{
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card{display:flex!important;flex-direction:column!important;padding:0!important;overflow:hidden!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .property-expand{display:flex!important;flex:1!important;flex-direction:column!important;padding:0!important;margin:0!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .property-row-summary{display:flex!important;flex-direction:column!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .property-row-summary>img{order:0!important;width:100%!important;height:200px!important;max-height:200px!important;object-fit:cover!important;margin:0!important;border-radius:0!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card h3.mobile-property-photo-title{order:1!important;padding:16px 16px 12px!important;margin:0!important;font:400 21px/1.25 Georgia,serif!important;min-height:0!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .property-photo-facts{order:2!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;width:100%!important;padding:0 16px!important;margin:0!important;box-sizing:border-box!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .property-expanded-content{display:block!important;flex:1!important;margin:0!important;padding:14px 16px 16px!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .card-copy{display:block!important;margin:0!important;padding:0!important}
html body.realty-professional-ui[data-view=volcano] #properties .turrialba-editorial-card .property-number{display:none!important}
html body.realty-professional-ui[data-view=home] .home-regions-grid #area img{display:none!important}
}

@layer realtyMobile{html body.realty-professional-ui[data-view=home] main>.realty-split-hero>.hero-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;inset:0!important;width:100%!important;max-width:none!important;height:100%!important;margin:0!important;padding:28px 24px!important}html body.realty-professional-ui[data-view=home] main>section#realty-home-catalog #rsc-search{margin-top:24px!important}}
