/* Homepage hero: two regions in one photographic composition. */
@layer realtyProfessional {
html body[data-view="home"] main>.hero.realty-split-hero{position:relative!important;display:block!important;isolation:isolate!important;min-height:580px!important;height:clamp(580px,44vw,680px)!important;padding:0!important;margin:0!important;overflow:hidden!important;background:#183c35!important}
html body[data-view="home"] main>.realty-split-hero>.realty-split-hero-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:50% 52%!important;opacity:1!important;z-index:0!important}
html body[data-view="home"] main>.realty-split-hero::before{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(180deg,rgba(9,28,27,.48),rgba(9,28,27,.2) 44%,rgba(9,28,27,.06) 63%,rgba(9,28,27,.68))!important;opacity:1!important;z-index:1!important;pointer-events:none!important}
html body[data-view="home"] main>.realty-split-hero::after{display:none!important}
html body[data-view="home"] main>.realty-split-hero>.hero-copy{position:relative!important;display:block!important;z-index:2!important;box-sizing:border-box!important;width:100%!important;max-width:850px!important;margin:0 auto!important;padding:42px 24px 0!important;text-align:center!important}
html body[data-view="home"] main>.realty-split-hero .eyebrow{font:500 12px/1.5 Arial,sans-serif!important;letter-spacing:.24em!important;text-transform:uppercase!important;color:#f1e4bf!important;margin:0 0 20px!important}
html body[data-view="home"] main>.realty-split-hero h1{font:400 clamp(44px,4.4vw,68px)/1.08 Georgia,"Times New Roman",serif!important;letter-spacing:-.025em!important;color:#fffdf6!important;margin:0 0 22px!important;text-shadow:0 2px 24px rgba(0,0,0,.45)!important;text-wrap:balance!important}
html body[data-view="home"] main>.realty-split-hero h1 em{font-weight:400!important;font-style:italic!important;color:#f4e4b9!important}
html body[data-view="home"] main>.realty-split-hero .hero-copy>p{font:400 16px/1.7 Arial,sans-serif!important;max-width:660px!important;margin:0 auto!important;color:#fffef8!important;text-shadow:0 1px 14px rgba(0,0,0,.55)!important}
html body[data-view="home"] main>.realty-split-hero>.realty-hero-actions{position:absolute!important;z-index:2!important;left:0!important;right:0!important;bottom:46px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;width:100%!important;margin:0!important;padding:0!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;padding:0 18px!important;min-width:0!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-location{color:#fff9e8!important;font:500 11px/1.4 Arial,sans-serif!important;letter-spacing:.24em!important;text-shadow:0 1px 12px #142d2b!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;min-height:52px!important;width:auto!important;max-width:100%!important;padding:14px 26px!important;box-sizing:border-box!important;background:#f6f0df!important;color:#183c32!important;border:1px solid #dccb9e!important;border-radius:3px!important;box-shadow:0 5px 20px rgba(0,0,0,.18)!important;text-shadow:none!important;font:500 15px/1.35 Arial,sans-serif!important;text-decoration:none!important;white-space:normal!important;text-align:center!important;transition:background .18s ease,transform .18s ease!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn:hover{background:#fffaf0!important;transform:translateY(-2px)!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn:focus-visible{outline:3px solid #fff!important;outline-offset:5px!important}
@media(max-width:700px){
html body[data-view="home"] main>.hero.realty-split-hero{height:auto!important;min-height:0!important;padding-top:0!important}
html body[data-view="home"] main>.realty-split-hero>.hero-copy{padding:30px 22px 24px!important;max-width:550px!important}
html body[data-view="home"] main>.realty-split-hero .eyebrow{font-size:10px!important;letter-spacing:.16em!important;margin-bottom:15px!important}
html body[data-view="home"] main>.realty-split-hero h1{font-size:clamp(31px,8vw,45px)!important;line-height:1.12!important;margin-bottom:16px!important}
html body[data-view="home"] main>.realty-split-hero .hero-copy>p{font-size:14px!important;line-height:1.65!important;max-width:420px!important}
html body[data-view="home"] main>.realty-split-hero>.realty-split-hero-image{top:auto!important;bottom:0!important;height:auto!important;aspect-ratio:3/1!important;object-fit:contain!important;object-position:center!important}
html body[data-view="home"] main>.realty-split-hero::before{background:linear-gradient(180deg,rgba(9,28,27,.08) 45%,rgba(9,28,27,.06) 65%,rgba(9,28,27,.55))!important}
html body[data-view="home"] main>.realty-split-hero>.realty-hero-actions{position:relative!important;bottom:auto!important;min-height:clamp(150px,40vw,230px)!important;align-items:end!important;padding-bottom:14px!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination{gap:7px!important;padding:0 8px!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-location{font-size:9px!important;letter-spacing:.1em!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{min-height:48px!important;padding:10px 9px!important;font-size:12px!important;gap:7px!important;width:100%!important}
}
@media(prefers-reduced-motion:reduce){html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{transition:none!important}}
}

@layer realtyProfessional {
@media(max-width:700px){
html body[data-view="home"] main>.realty-split-hero>.realty-split-hero-image{display:none!important}
html body[data-view="home"] main>.realty-split-hero>.realty-hero-actions{isolation:isolate!important;overflow:hidden!important;min-height:260px!important;padding-bottom:20px!important}
html body[data-view="home"] main>.realty-split-hero>.realty-hero-actions::before,html body[data-view="home"] main>.realty-split-hero>.realty-hero-actions::after{content:""!important;position:absolute!important;top:0!important;bottom:0!important;width:55%!important;background-image:linear-gradient(0deg,rgba(9,28,27,.55),rgba(9,28,27,.02) 65%),url("assets/portada-escazu-turrialba-20261029.webp")!important;background-size:auto 100%!important;background-repeat:no-repeat!important;z-index:-1!important;pointer-events:none!important}
html body[data-view="home"] main>.realty-split-hero>.realty-hero-actions::before{left:0!important;background-position:15% center!important}
html body[data-view="home"] main>.realty-split-hero>.realty-hero-actions::after{right:0!important;background-position:85% center!important;mask-image:linear-gradient(90deg,transparent,#000 18%)!important}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination{position:relative!important;z-index:1!important}
}
}

@layer realtyProfessional {
@media(min-width:1001px){
html body[data-view]>header{height:107px!important;min-height:107px!important;max-height:107px!important;box-sizing:border-box!important;flex-wrap:nowrap!important;gap:28px!important;padding-top:0!important;padding-bottom:0!important;align-items:center!important}
html body[data-view]>header>a.brand-logo{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex:0 1 420px!important;width:420px!important;max-width:420px!important;min-width:0!important;height:107px!important;max-height:107px!important;overflow:visible!important;line-height:0!important;margin:0!important;padding:0!important;transform:none!important}
html body[data-view]>header>a.brand-logo>img.realty-header-original{display:block!important;width:420px!important;max-width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;object-fit:contain!important;transform:none!important;margin:0!important;padding:0!important}
html body[data-view]>header>.site-menu-row{flex:0 0 auto!important;white-space:nowrap!important;flex-wrap:nowrap!important;margin-left:auto!important}
}
}


@layer realtyProfessional {
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{
border-radius:18px!important;
background:linear-gradient(180deg,rgba(255,252,240,.88),rgba(244,237,215,.76))!important;
backdrop-filter:blur(12px) saturate(70%)!important;
-webkit-backdrop-filter:blur(12px) saturate(70%)!important;
border:1px solid rgba(255,255,255,.64)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -1px 0 rgba(255,255,255,.18),0 3px 0 rgba(179,163,122,.58),0 10px 22px rgba(6,27,20,.32)!important;
font-weight:600!important;
transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn:hover{
background:linear-gradient(180deg,rgba(255,253,244,.94),rgba(247,240,220,.84))!important;
transform:translateY(-3px)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 5px 0 rgba(179,163,122,.58),0 15px 27px rgba(6,27,20,.35)!important;
}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn:active{
transform:translateY(2px)!important;
box-shadow:inset 0 1px 3px rgba(20,48,36,.1),0 1px 0 rgba(179,163,122,.58),0 5px 12px rgba(6,27,20,.25)!important;
}
@media(max-width:700px){html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{border-radius:15px!important}}
@media(prefers-reduced-motion:reduce){html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{transition:none!important}}
}

/* Original artwork: keep the emblem size and reduce only the wordmark. */
@layer realtyProfessional {
html body[data-view="home"]>header .realty-original-emblem,html body[data-view="home"]>header .realty-original-lettering{display:none!important}
@media(min-width:1001px){
html body[data-view="home"]>header>a.brand-logo{width:390px!important;max-width:390px!important;flex-basis:390px!important;gap:5px!important}
html body[data-view="home"]>header>a.brand-logo>img.realty-header-original{display:none!important}
html body[data-view="home"]>header>a.brand-logo>.realty-original-emblem{display:block!important;position:relative!important;width:98px!important;height:107px!important;flex:0 0 98px!important;overflow:hidden!important}
html body[data-view="home"]>header>a.brand-logo>.realty-original-lettering{display:block!important;position:relative!important;width:280px!important;height:107px!important;flex:0 0 280px!important;overflow:hidden!important}
html body[data-view="home"]>header>a.brand-logo>.realty-original-emblem>img{display:block!important;position:absolute!important;width:420px!important;max-width:none!important;height:auto!important;max-height:none!important;left:0!important;top:-16.4px!important;transform:none!important;margin:0!important;padding:0!important}
html body[data-view="home"]>header>a.brand-logo>.realty-original-lettering>img{display:block!important;position:absolute!important;width:378px!important;max-width:none!important;height:auto!important;max-height:none!important;left:-92px!important;top:-9.4px!important;transform:none!important;margin:0!important;padding:0!important}
}
}

@layer realtyProfessional {
@media(min-width:1001px){
html body[data-view="home"]>header>a.brand-logo{gap:0!important}
html body[data-view="home"]>header>a.brand-logo>.realty-original-emblem{width:104px!important;flex-basis:104px!important}
html body[data-view="home"]>header>a.brand-logo>.realty-original-emblem>img,html body[data-view="home"]>header>a.brand-logo>.realty-original-lettering>img{min-width:0!important}
}
}

/* Refined, flat property calls to action. */
@layer realtyProfessional {
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{
min-height:48px!important;padding:12px 24px!important;border-radius:6px!important;
background:rgba(249,246,234,.91)!important;border:1px solid rgba(255,253,244,.82)!important;
color:#193f33!important;box-shadow:0 2px 10px rgba(8,25,20,.13)!important;
font:500 14px/1.4 Arial,sans-serif!important;letter-spacing:.025em!important;
backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;
transform:none!important;
}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn:hover{
background:rgba(255,253,245,.98)!important;transform:translateY(-1px)!important;
box-shadow:0 4px 12px rgba(8,25,20,.18)!important;
}
html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn:active{
transform:translateY(0)!important;box-shadow:0 1px 4px rgba(8,25,20,.12)!important;
}
@media(max-width:700px){html body[data-view="home"] main>.realty-split-hero .realty-hero-destination>a.btn{font-size:12px!important;padding:10px 9px!important;border-radius:6px!important;min-height:48px!important;letter-spacing:0!important}}
}

@layer realtyProfessional {
html body[data-view="home"]>header>a.brand-logo{display:flex!important;align-items:center!important;justify-content:center!important;width:min(500px,100%)!important;max-width:100%!important;height:auto!important;gap:0!important;overflow:visible!important;margin:0!important;padding:0!important;transform:none!important}
html body[data-view="home"]>header>a.brand-logo>img.realty-landscape-logo{display:block!important;width:500px!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;transform:none!important;margin:0!important;padding:0!important}
@media(min-width:1001px){html body[data-view="home"]>header>a.brand-logo{flex:0 1 500px!important;height:107px!important;max-height:107px!important;justify-content:flex-start!important}}
@media(max-width:700px){html body[data-view="home"]>header>a.brand-logo{width:min(340px,100%)!important;flex:0 1 auto!important}html body[data-view="home"]>header>a.brand-logo>img.realty-landscape-logo{width:340px!important}}
}