/* CSS compartido entre las paginas de propiedades (cobano, escazu-salitral, hojancha-playa). Reglas identicas extraidas automaticamente el 2026-07-03 para reducir drift. */
:root{--verde:#2a3d2e;--verde-deep:#1a2a1e;--verde-mid:#344d38;--gold:#c9a84c;--gold-light:#e0c272;--cream:#f5f0e8;--white:#ffffff;--gray-50:#fafaf8;--gray-200:#e8e5de;--gray-400:#9a9590;--gray-700:#3a3830;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--sans);background:var(--white);color:var(--verde-deep);overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
[data-lang]{display:none}
[data-lang-inline]{display:none}
html[lang="es"] [data-lang="es"]{display:block}
html[lang="en"] [data-lang="en"]{display:block}
html[lang="es"] [data-lang-inline="es"]{display:inline}
html[lang="en"] [data-lang-inline="en"]{display:inline}
.nav-logo{display:flex;align-items:center;gap:14px}
.nav-logo svg{width:56px;height:27px}
.nav-brand{display:flex;flex-direction:column;gap:1px}
.nav-brand-name{font-family:var(--serif);font-size:17px;font-weight:600;color:var(--white);letter-spacing:0.03em}
.nav-brand-sub{font-size:9px;font-weight:500;color:var(--gold);letter-spacing:0.22em;text-transform:uppercase}
.nav-right{display:flex;align-items:center;gap:24px}
.nav-links{display:flex;gap:28px;list-style:none}
.nav-links a{font-size:12px;font-weight:500;color:rgba(255,255,255,0.6);letter-spacing:0.1em;text-transform:uppercase;transition:color 0.2s}
.nav-links a:hover{color:var(--gold)}
.nav-cta{background:var(--gold)!important;color:var(--verde-deep)!important;padding:9px 22px;font-weight:700!important}
.lang-toggle{display:flex;align-items:center;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.25);border-radius:100px;padding:3px;gap:2px}
.lang-btn.active{background:var(--gold);color:var(--verde-deep)}
.nav-hamburger{display:none;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid rgba(201,168,76,0.3);border-radius:3px;color:var(--gold);font-size:20px;cursor:pointer}
.nav-mobile-menu{display:none;position:fixed;top:68px;left:0;right:0;background:rgba(18,32,20,0.99);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,168,76,0.12);z-index:98}
.nav-mobile-menu.open{display:block}
.nav-mobile-cta{display:block;margin:12px 20px 20px;padding:14px;background:var(--gold);color:var(--verde-deep)!important;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;text-align:center}
.prop-hero img{width:100%;height:100%;object-fit:cover;object-position:center}
.prop-hero-content{position:absolute;bottom:48px;left:80px;right:80px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end}
.prop-hero-location{font-size:13px;color:rgba(255,255,255,0.7);letter-spacing:0.05em}
.prop-hero-price-label{font-size:11px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.12em;text-align:right;margin-bottom:4px}
.breadcrumb a{color:var(--gray-400);transition:color 0.2s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb span{color:var(--verde-deep);font-weight:500}
.stat-item{text-align:center}
.stat-label{font-size:10px;color:rgba(255,255,255,0.45);letter-spacing:0.15em;text-transform:uppercase;margin-top:4px;display:block}
.stat-divider{width:1px;height:48px;background:rgba(201,168,76,0.2);flex-shrink:0}
.stats-bar-cta{margin-left:auto}
.btn-wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:var(--white);padding:14px 28px;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.2s;border:none;cursor:pointer}
.btn-wa:hover{background:#1db954;transform:translateY(-1px)}
.prop-main{padding:64px 80px}
.prop-sidebar{padding:64px 48px 64px 0;position:sticky;top:88px}
.section-label{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:600;letter-spacing:0.28em;text-transform:uppercase;color:var(--gold);margin-bottom:24px}
.section-label::before{content:'';width:24px;height:1px;background:var(--gold)}
.prop-description{font-size:15px;line-height:1.85;color:var(--gray-700);margin-bottom:20px}
.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.feature-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--gray-50);border:1px solid var(--gray-200);font-size:13.5px;color:var(--verde-deep)}
.feature-icon{font-size:18px;flex-shrink:0}
.sidebar-price-label{font-size:11px;color:var(--gray-400);letter-spacing:0.12em;text-transform:uppercase;margin-bottom:24px}
.sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--gray-200);font-size:13px}
.sidebar-stat:last-of-type{border-bottom:none}
.sidebar-stat-label{color:var(--gray-400)}
.sidebar-cta-btn{width:100%;padding:16px;background:var(--gold);color:var(--verde-deep);border:none;cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;transition:background 0.2s;margin-top:24px;display:block;text-align:center}
.sidebar-cta-btn:hover{background:var(--gold-light)}
.sidebar-cta-secondary{width:100%;padding:14px;background:transparent;color:var(--verde-deep);border:2px solid var(--verde-deep);cursor:pointer;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:0.15em;text-transform:uppercase;transition:all 0.2s;margin-top:10px;display:block;text-align:center}
.sidebar-cta-secondary:hover{background:var(--verde-deep);color:var(--white)}
.agent-avatar{width:48px;height:48px;border-radius:50%;background:var(--verde-mid);display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:20px;font-weight:700;color:var(--gold);flex-shrink:0}
.sidebar-agent{display:flex;align-items:center;gap:14px;padding:20px 0 0}
.agent-name{font-size:14px;font-weight:600;color:var(--verde-deep)}
.cta-inner{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.cta-contacts{display:flex;flex-direction:column;gap:14px}
.cta-contact-row:hover{color:var(--gold)}
.form-group{margin-bottom:14px}
.form-control:focus{border-color:var(--gold)}
.footer-brand{display:flex;align-items:center;gap:14px}
.footer-brand-info{display:flex;flex-direction:column}
.footer-name{font-family:var(--serif);font-size:16px;color:rgba(255,255,255,0.75)}
.footer-tagline{font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.28);margin-top:4px}
.footer-nav{display:flex;flex-direction:column;gap:13px}
.footer-nav a{font-size:12px;color:rgba(255,255,255,0.38);transition:color 0.2s}
.footer-nav a:hover{color:var(--gold)}
.footer-contact-col{display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.footer-contact-link{font-size:12px;color:rgba(255,255,255,0.45);transition:color 0.2s}
.footer-contact-link:hover{color:var(--gold)}
.footer-socials{display:flex;gap:16px;margin-top:4px}
.footer-socials a{font-size:11px;color:rgba(255,255,255,0.28);transition:color 0.2s;letter-spacing:0.08em;text-transform:uppercase}
.footer-socials a:hover{color:var(--gold)}
.footer-copy{font-size:10px;color:rgba(255,255,255,0.18);letter-spacing:0.05em;margin-top:8px}
.wa-float:hover{transform:scale(1.1)}
.lightbox.open{display:flex}
.lightbox img{max-width:90vw;max-height:88vh;object-fit:contain}
.lightbox-prev{left:20px}
.lightbox-next{right:20px}