

:root{
  
  --navy-900:#0d1b2a;
  --navy-800:#0d1b2a;
  --navy-700:#122435;
  --navy-600:#1a3047;
  --navy-500:#264159;
  --navy-glass:rgba(13,27,42,.72);

  
  --gold:#c5a75e;
  --gold-hi:#e0c688;
  --gold-lo:#9c8345;
  --gold-grad:linear-gradient(135deg,#e0c688 0%,#c5a75e 45%,#9c8345 100%);
  --gold-soft:linear-gradient(135deg,rgba(197,167,94,.18),rgba(197,167,94,.04));

  
  --wa:#1E8E4A;
  --wa-hi:#25b35e;

  
  --paper:#f5f2ea;
  --paper-2:#efebe1;
  --surface:#ffffff;
  --ink:#16202b;
  --ink-2:#3c4856;
  --mute:#6b7785;
  --line:rgba(13,27,42,.10);
  --line-2:rgba(13,27,42,.16);

  
  --on-navy:#eef2f6;
  --on-navy-2:#aebccb;
  --on-navy-mute:#7f8fa1;
  --line-d:rgba(255,255,255,.10);
  --line-d2:rgba(255,255,255,.18);

  --radius:14px;
  --radius-lg:22px;
  --radius-xl:30px;
  --shadow-sm:0 2px 10px rgba(13,27,42,.06);
  --shadow:0 16px 44px rgba(13,27,42,.12);
  --shadow-lg:0 30px 80px rgba(13,27,42,.20);
  --shadow-gold:0 18px 50px rgba(197,167,94,.30);

  --f:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --wrap:1240px;
  --head-h:74px;
  --tabbar-h:64px;
  --ease:cubic-bezier(.22,.61,.36,1);
}


*{box-sizing:border-box;margin:0;padding:0;font-style:normal !important}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--f);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
img{max-width:100%;display:block}
input,select,textarea{font:inherit;color:inherit}
ul{list-style:none}
::selection{background:var(--gold);color:var(--navy-900)}
h1,h2,h3,h4{line-height:1.12;font-weight:800;letter-spacing:-.02em;color:var(--ink)}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 22px}


@media (max-width:860px){ body{padding-bottom:var(--tabbar-h)} }


.tex-grid{
  background-image:linear-gradient(rgba(197,167,94,.5) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(197,167,94,.5) 1px,transparent 1px);
  background-size:46px 46px;
}
.noise{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/></svg>");
}


.btn{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 22px;border-radius:999px;font-weight:700;font-size:15px;
  letter-spacing:-.01em;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s;
  white-space:nowrap;line-height:1;
}
.btn svg{flex:none}
.btn:active{transform:scale(.97)}
.btn-gold{background:var(--gold-grad);color:var(--navy-900);box-shadow:var(--shadow-gold)}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 22px 60px rgba(197,167,94,.42)}
.btn-wa{background:var(--wa);color:#fff;box-shadow:0 14px 36px rgba(30,142,74,.34)}
.btn-wa:hover{background:var(--wa-hi);transform:translateY(-2px)}
.btn-navy{background:var(--navy-800);color:var(--on-navy)}
.btn-navy:hover{background:var(--navy-700);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--navy-800);border:1px solid var(--line-2)}
.btn-light:hover{border-color:var(--gold);color:var(--gold-lo);transform:translateY(-2px)}
.btn-ghost{background:rgba(255,255,255,.06);color:var(--on-navy);border:1px solid var(--line-d2);backdrop-filter:blur(6px)}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:var(--gold)}
.btn-lg{padding:16px 30px;font-size:16px}
.btn-block{width:100%;justify-content:center}


.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-lo);
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--gold-grad);border-radius:2px}
.section--navy .eyebrow{color:var(--gold-hi)}
.section--navy .eyebrow::before{background:var(--gold)}

.sec-head{max-width:680px;margin-bottom:36px}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec-head.center .eyebrow{justify-content:center}
.sec-head h2{font-size:clamp(28px,4vw,44px);margin:14px 0 12px}
.sec-head p{color:var(--mute);font-size:17px;font-weight:400}
.section--navy .sec-head h2{color:#fff}
.section--navy .sec-head p{color:var(--on-navy-2)}


.section{position:relative;padding:clamp(56px,8vw,104px) 0;overflow:hidden}
.section--light{background:var(--paper)}
.section--paper2{background:linear-gradient(180deg,var(--paper) 0%,var(--paper-2) 100%)}
.section--navy{background:var(--navy-800);color:var(--on-navy)}
.section--navy.deep{background:radial-gradient(1200px 600px at 80% -10%,rgba(197,167,94,.14),transparent 60%),
                                radial-gradient(900px 600px at 0% 110%,rgba(38,65,89,.6),transparent 60%),
                                var(--navy-900)}
.section .tex-layer{position:absolute;inset:0;pointer-events:none}
.section--navy .tex-grid{opacity:.05}
.section--light .tex-grid{opacity:.04}
.section .glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.5}
.section .glow.g1{width:420px;height:420px;background:radial-gradient(circle,rgba(197,167,94,.5),transparent 70%);top:-140px;right:-80px}
.section .glow.g2{width:380px;height:380px;background:radial-gradient(circle,rgba(38,65,89,.7),transparent 70%);bottom:-160px;left:-100px}


.divider-wave{display:block;width:100%;height:60px}


.site-head{
  position:fixed;top:0;left:0;right:0;z-index:100;height:var(--head-h);
  display:flex;align-items:center;
  transition:background .3s,box-shadow .3s,backdrop-filter .3s;
}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-head.scrolled{background:var(--navy-glass);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 1px 0 var(--line-d),0 10px 34px rgba(0,0,0,.28)}
body:not(.r-home) .site-head{background:var(--navy-glass);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 1px 0 var(--line-d)}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{height:38px;width:auto}
.nav{display:flex;align-items:center;gap:4px}
.nav a{
  padding:9px 14px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--on-navy);
  opacity:.86;transition:.2s;position:relative;
}
.nav a:hover{opacity:1;background:rgba(255,255,255,.07)}
.nav a.active{opacity:1;color:var(--gold-hi)}
.head-cta{display:flex;align-items:center;gap:10px;flex:none}
.burger{display:none;width:44px;height:44px;border-radius:12px;align-items:center;justify-content:center;color:var(--on-navy);border:1px solid var(--line-d2)}


.drawer-bd{position:fixed;inset:0;background:rgba(5,10,16,.6);backdrop-filter:blur(4px);z-index:120;opacity:0;visibility:hidden;transition:.3s}
.drawer-bd.open{opacity:1;visibility:visible}
.drawer{
  position:fixed;top:0;right:0;bottom:0;width:min(86vw,340px);z-index:130;
  background:var(--navy-800);border-left:1px solid var(--line-d2);
  transform:translateX(100%);transition:transform .35s var(--ease);
  display:flex;flex-direction:column;padding:22px;gap:6px;
}
.drawer.open{transform:translateX(0)}
.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.drawer-top img{height:34px}
.drawer a.dl{padding:15px 14px;border-radius:14px;color:var(--on-navy);font-weight:600;font-size:16px;display:flex;align-items:center;gap:12px;border:1px solid transparent}
.drawer a.dl:hover,.drawer a.dl.active{background:rgba(255,255,255,.06);color:var(--gold-hi)}
.drawer .dl svg{color:var(--gold)}
.drawer-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}

@media (max-width:980px){
  .nav{display:none}
  .head-cta .btn-txt{display:none}
  .burger{display:flex}
}


.hero{
  position:relative;min-height:clamp(640px,94vh,940px);
  padding:calc(var(--head-h) + 40px) 0 60px;
  display:flex;align-items:center;overflow:hidden;
  background:
    radial-gradient(1000px 700px at 78% 8%,rgba(197,167,94,.16),transparent 55%),
    radial-gradient(900px 800px at 10% 100%,rgba(38,65,89,.7),transparent 55%),
    linear-gradient(165deg,var(--navy-900) 0%,var(--navy-800) 45%,var(--navy-700) 100%);
  color:var(--on-navy);
}
.hero .tex-grid{position:absolute;inset:0;opacity:.06;mask-image:linear-gradient(180deg,#000 0%,transparent 78%)}
.hero .hero-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:floatBlob 16s ease-in-out infinite}
.hero .hb1{width:480px;height:480px;background:radial-gradient(circle,rgba(197,167,94,.35),transparent 70%);top:-120px;right:-60px}
.hero .hb2{width:420px;height:420px;background:radial-gradient(circle,rgba(38,65,89,.9),transparent 70%);bottom:-160px;left:-80px;animation-delay:-6s}
.hero .hero-grain{position:absolute;inset:0;opacity:.05;mix-blend-mode:overlay}

.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;width:100%}
.hero-copy{max-width:640px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  font-size:13px;font-weight:700;letter-spacing:.02em;
  background:rgba(255,255,255,.06);border:1px solid var(--line-d2);color:var(--on-navy);backdrop-filter:blur(6px);
}
.hero-badge svg{color:var(--gold-hi)}
.hero h1{
  font-size:clamp(34px,5.4vw,62px);font-weight:900;letter-spacing:-.03em;line-height:1.04;color:#fff;
}
.hero h1 .accent{
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.hero-sub{margin-top:20px;font-size:clamp(16px,2vw,19px);color:var(--on-navy-2);font-weight:400;max-width:520px}


.hsearch{margin-top:34px;position:relative;z-index:20}
.hsearch-ops{display:flex;gap:6px;margin-bottom:-1px;position:relative;z-index:2}
.hsearch-op{
  padding:11px 20px;border-radius:14px 14px 0 0;font-weight:700;font-size:14px;color:var(--on-navy-2);
  background:rgba(255,255,255,.05);border:1px solid var(--line-d2);border-bottom:0;transition:.2s;
}
.hsearch-op.active{background:#fff;color:var(--navy-800)}
.hsearch-bar{
  display:flex;align-items:center;gap:8px;background:#fff;border-radius:0 18px 18px 18px;
  padding:8px 8px 8px 18px;box-shadow:var(--shadow-lg);position:relative;
}
.hsearch-bar .si{color:var(--gold-lo);flex:none}
.hsearch-bar input{
  flex:1;min-width:0;border:0;outline:0;background:none;color:var(--ink);font-size:16px;font-weight:500;padding:12px 4px;
}
.hsearch-bar input::placeholder{color:#9aa6b2}
.hsearch-type{
  flex:none;border:0;outline:0;background:var(--paper);border-radius:12px;padding:12px 12px;font-weight:600;color:var(--navy-800);
  font-size:14px;cursor:pointer;max-width:150px;
}
.hsearch-bar .btn{flex:none}
.hsearch-sub{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hsearch-sub .lbl{font-size:13px;color:var(--on-navy-mute);font-weight:600}
.chip{
  padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--on-navy);
  background:rgba(255,255,255,.06);border:1px solid var(--line-d2);transition:.2s;
}
.chip:hover{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}


.ac-panel{
  position:absolute;left:0;right:0;top:calc(100% + 10px);z-index:50;
  background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);overflow:hidden;
  border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;
  max-height:62vh;overflow-y:auto;
}
.ac-panel.open{opacity:1;visibility:visible;transform:translateY(0)}
.ac-group{padding:8px 0}
.ac-group+.ac-group{border-top:1px solid var(--line)}
.ac-title{padding:8px 18px 6px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.ac-item{display:flex;align-items:center;gap:12px;padding:10px 18px;color:var(--ink);cursor:pointer;transition:.12s}
.ac-item:hover,.ac-item.sel{background:var(--paper)}
.ac-item .ac-ic{width:34px;height:34px;border-radius:10px;background:var(--gold-soft);color:var(--gold-lo);display:flex;align-items:center;justify-content:center;flex:none}
.ac-item img{width:48px;height:38px;object-fit:cover;border-radius:8px;flex:none}
.ac-item .ac-main{flex:1;min-width:0}
.ac-item .ac-main b{display:block;font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ac-item .ac-main small{color:var(--mute);font-size:12.5px}
.ac-item .ac-price{font-weight:800;color:var(--gold-lo);font-size:13.5px;flex:none}
.ac-empty{padding:22px 18px;color:var(--mute);text-align:center;font-size:14px}


.hero-figure{position:relative;display:flex;align-items:center;justify-content:center}
.hero-circle{
  position:relative;width:min(380px,84%);aspect-ratio:1;border-radius:50%;
  background:var(--gold-grad);padding:8px;box-shadow:var(--shadow-gold);
}
.hero-circle::before{
  content:"";position:absolute;inset:-14px;border-radius:50%;
  border:1px dashed rgba(197,167,94,.5);animation:spin 26s linear infinite;
}
.hero-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--navy-800)}
.hero-tag{
  position:absolute;bottom:14px;left:50%;transform:translateX(-50%);
  background:var(--navy-800);color:#fff;border:1px solid var(--line-d2);
  padding:10px 18px;border-radius:999px;display:flex;align-items:center;gap:9px;white-space:nowrap;
  box-shadow:var(--shadow);
}
.hero-tag b{font-size:14px;font-weight:800}
.hero-tag small{font-size:12px;color:var(--gold-hi);font-weight:700}
.hero-float{
  position:absolute;background:#fff;color:var(--navy-800);border-radius:16px;padding:12px 16px;
  box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:11px;animation:floatY 5s ease-in-out infinite;
}
.hero-float .hf-ic{width:38px;height:38px;border-radius:11px;background:var(--gold-soft);color:var(--gold-lo);display:flex;align-items:center;justify-content:center}
.hero-float b{display:block;font-size:18px;font-weight:900;line-height:1}
.hero-float small{font-size:11.5px;color:var(--mute);font-weight:600}
.hero-float.f1{top:6%;left:-4%}
.hero-float.f2{bottom:12%;right:-6%;animation-delay:-2.5s}


.hero-stats{position:relative;z-index:3;margin-top:46px;display:flex;gap:30px;flex-wrap:wrap}
.hero-stats .hs{display:flex;flex-direction:column}
.hero-stats .hs b{font-size:30px;font-weight:900;color:#fff;letter-spacing:-.02em;line-height:1}
.hero-stats .hs b .pl{color:var(--gold-hi)}
.hero-stats .hs span{font-size:13px;color:var(--on-navy-2);font-weight:600;margin-top:5px}
.hero-stats .sep{width:1px;background:var(--line-d2)}

@media (max-width:980px){
  .hero-inner{grid-template-columns:1fr;gap:34px}
  .hero-figure{order:-1;margin-top:8px}
  .hero-circle{width:min(280px,70%)}
  .hero-float.f1{left:0}
  .hero-float.f2{right:0}
}
@media (max-width:560px){
  .hsearch-bar{flex-wrap:wrap;border-radius:0 16px 16px 16px;padding:12px}
  .hsearch-bar input{width:100%;padding:6px 4px}
  .hsearch-type{flex:1}
  .hsearch-bar .btn{flex:1;justify-content:center}
  .hero-float{display:none}
  .hero-stats{gap:18px 24px}
  .hero-stats .sep{display:none}
}


.grid{display:grid;gap:26px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media (max-width:1000px){.grid-3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.grid-3,.grid-2{grid-template-columns:1fr}}

.pcard{
  position:relative;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;display:flex;flex-direction:column;
}
.pcard:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:rgba(197,167,94,.4)}
.section--navy .pcard{background:var(--navy-700);border-color:var(--line-d)}
.section--navy .pcard:hover{box-shadow:0 30px 70px rgba(0,0,0,.4)}
.pcard-media{position:relative;aspect-ratio:4/3;overflow:hidden}
.pcard-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.pcard:hover .pcard-media img{transform:scale(1.07)}
.pcard-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(13,27,42,.55) 100%)}
.pcard-badges{position:absolute;top:12px;left:12px;z-index:2;display:flex;gap:6px;flex-wrap:wrap}
.pbadge{padding:6px 11px;border-radius:999px;font-size:11.5px;font-weight:800;letter-spacing:.02em;backdrop-filter:blur(4px)}
.pbadge.sale{background:rgba(197,167,94,.95);color:var(--navy-900)}
.pbadge.rent{background:rgba(30,142,74,.95);color:#fff}
.pbadge.sea{background:rgba(38,107,160,.95);color:#fff}
.pbadge.excl{background:rgba(13,27,42,.85);color:var(--gold-hi);border:1px solid rgba(197,167,94,.5)}
.pfav{
  position:absolute;top:12px;right:12px;z-index:2;width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.92);color:var(--navy-700);display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.2);transition:.2s;
}
.pfav:hover{transform:scale(1.1)}
.pfav.on{background:#fff;color:#e0405a}
.pfav.on svg{fill:#e0405a}
.pcard-code{position:absolute;left:12px;bottom:12px;z-index:2;font-size:11.5px;font-weight:700;color:#fff;opacity:.9;letter-spacing:.08em}
.pcard-body{padding:18px 18px 20px;display:flex;flex-direction:column;flex:1}
.pcard-loc{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mute);font-weight:600}
.section--navy .pcard-loc{color:var(--on-navy-2)}
.pcard-loc svg{color:var(--gold)}
.pcard h3{font-size:18px;font-weight:800;margin:8px 0 0;line-height:1.25}
.section--navy .pcard h3{color:#fff}
.pcard-price{margin-top:14px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.pcard-price .pp{font-size:23px;font-weight:900;color:var(--ink);letter-spacing:-.02em}
.section--navy .pcard-price .pp{color:var(--gold-hi)}
.pcard-price .pp.rent{color:var(--wa)}
.pcard-price small{font-size:12.5px;color:var(--mute);font-weight:600}
.pcard-specs{
  margin-top:16px;padding-top:15px;border-top:1px solid var(--line);
  display:flex;gap:6px;flex-wrap:wrap;
}
.section--navy .pcard-specs{border-color:var(--line-d)}
.spec{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}
.section--navy .spec{color:var(--on-navy-2)}
.spec svg{color:var(--gold-lo);flex:none}
.section--navy .spec svg{color:var(--gold)}
.pcard-foot{margin-top:auto;padding-top:16px}
.pcard-link{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:14px;color:var(--gold-lo)}
.section--navy .pcard-link{color:var(--gold-hi)}
.pcard-link .arr{width:34px;height:34px;border-radius:50%;background:var(--gold-soft);display:flex;align-items:center;justify-content:center;transition:.25s}
.pcard:hover .pcard-link .arr{background:var(--gold);color:var(--navy-900);transform:translateX(3px)}


.catbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:34px}
.catbar a{
  display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:999px;
  background:#fff;border:1px solid var(--line);font-weight:600;font-size:14px;color:var(--ink-2);
  box-shadow:var(--shadow-sm);transition:.22s;
}
.catbar a svg{color:var(--gold-lo)}
.catbar a:hover{border-color:var(--gold);color:var(--gold-lo);transform:translateY(-2px)}
.catbar a.active{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}
.catbar a.active svg{color:var(--gold-hi)}


.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media (max-width:980px){.region-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.region-grid{grid-template-columns:1fr 1fr}}
.region-card{
  position:relative;border-radius:18px;overflow:hidden;min-height:178px;display:flex;align-items:flex-end;
  padding:18px;border:1px solid var(--line-d);background:var(--navy-700);
  transition:transform .3s var(--ease),box-shadow .3s;isolation:isolate;
}
.region-card::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(160deg,rgba(197,167,94,.12),transparent 60%),var(--navy-700);
}
.region-card .rc-wave{position:absolute;inset:0;z-index:-1;opacity:.16}
.region-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(0,0,0,.4)}
.region-card .rc-name{font-size:19px;font-weight:800;color:#fff}
.region-card .rc-count{font-size:12.5px;color:var(--gold-hi);font-weight:700;margin-top:3px}
.region-card .rc-ic{position:absolute;top:16px;right:16px;color:var(--gold);opacity:.7}
.region-card.big{grid-column:span 2;min-height:178px}


.office{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}
@media (max-width:900px){.office{grid-template-columns:1fr;gap:30px}}
.office-swiper{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--line-d2)}
.office-swiper .swiper-slide{aspect-ratio:4/3}
.office-swiper img{width:100%;height:100%;object-fit:cover}
.office-swiper .swiper-pagination-bullet{background:#fff;opacity:.5}
.office-swiper .swiper-pagination-bullet-active{background:var(--gold);opacity:1;width:22px;border-radius:5px}
.office-feats{margin-top:24px;display:flex;flex-direction:column;gap:14px}
.office-feat{display:flex;gap:14px;align-items:flex-start}
.office-feat .of-ic{width:46px;height:46px;border-radius:13px;background:rgba(197,167,94,.12);border:1px solid rgba(197,167,94,.25);color:var(--gold-hi);display:flex;align-items:center;justify-content:center;flex:none}
.office-feat b{display:block;font-size:16px;font-weight:800;color:#fff}
.office-feat p{font-size:14px;color:var(--on-navy-2);font-weight:400}


.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}
@media (max-width:900px){.about{grid-template-columns:1fr;gap:36px}}
.about-figure{position:relative;display:flex;justify-content:center}
.about-circle{position:relative;width:min(360px,78%);aspect-ratio:1;border-radius:50%;background:var(--gold-grad);padding:7px;box-shadow:var(--shadow-gold)}
.about-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:5px solid var(--navy-800)}
.about-creci{position:absolute;bottom:6%;right:4%;background:var(--navy-800);border:1px solid var(--line-d2);border-radius:16px;padding:14px 18px;box-shadow:var(--shadow);text-align:center}
.about-creci svg{color:var(--gold);margin-bottom:4px}
.about-creci b{display:block;font-size:15px;font-weight:900;color:#fff}
.about-creci small{font-size:11px;color:var(--gold-hi);font-weight:700;letter-spacing:.08em}
.about-body h2{font-size:clamp(26px,3.6vw,40px);color:#fff}
.about-body p{margin-top:18px;color:var(--on-navy-2);font-size:16px;font-weight:400}
.about-stats{margin-top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:560px){.about-stats{grid-template-columns:1fr 1fr}}
.astat{background:rgba(255,255,255,.04);border:1px solid var(--line-d);border-radius:16px;padding:18px}
.astat b{font-size:30px;font-weight:900;color:var(--gold-hi);letter-spacing:-.02em;line-height:1}
.astat span{display:block;margin-top:6px;font-size:12.5px;color:var(--on-navy-2);font-weight:600}
.about-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}


.cta-band{
  position:relative;border-radius:var(--radius-xl);padding:clamp(36px,5vw,64px);overflow:hidden;
  background:radial-gradient(700px 400px at 85% 10%,rgba(197,167,94,.22),transparent 60%),
             linear-gradient(135deg,var(--navy-700),var(--navy-900));
  border:1px solid var(--line-d2);box-shadow:var(--shadow-lg);
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
}
.cta-band .tex-grid{position:absolute;inset:0;opacity:.06}
.cta-band-copy{position:relative;z-index:2;max-width:560px}
.cta-band-copy h2{font-size:clamp(24px,3.4vw,38px);color:#fff}
.cta-band-copy p{margin-top:12px;color:var(--on-navy-2);font-size:16px;font-weight:400}
.cta-band-actions{position:relative;z-index:2;display:flex;gap:12px;flex-wrap:wrap}


.site-foot{background:var(--navy-900);color:var(--on-navy-2);padding:64px 0 28px;position:relative;overflow:hidden}
.site-foot .tex-grid{position:absolute;inset:0;opacity:.04}
.foot-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px}
@media (max-width:900px){.foot-grid{grid-template-columns:1fr 1fr;gap:30px}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.foot-brand img{height:46px;margin-bottom:16px}
.foot-brand p{font-size:14.5px;max-width:320px;font-weight:400}
.foot-soc{display:flex;gap:10px;margin-top:18px}
.foot-soc a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid var(--line-d);display:flex;align-items:center;justify-content:center;color:var(--on-navy);transition:.2s}
.foot-soc a:hover{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}
.foot-col h4{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-weight:800}
.foot-col a,.foot-col .fitem{display:flex;align-items:flex-start;gap:9px;padding:7px 0;font-size:14.5px;color:var(--on-navy-2);transition:.2s;font-weight:500}
.foot-col a:hover{color:var(--gold-hi)}
.foot-col .fitem svg{color:var(--gold);flex:none;margin-top:2px}
.foot-bottom{position:relative;z-index:2;margin-top:42px;padding-top:22px;border-top:1px solid var(--line-d);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px}
.foot-bottom .creci{color:var(--gold-hi);font-weight:700}


.tabbar{
  position:fixed;bottom:0;left:0;right:0;z-index:90;height:var(--tabbar-h);
  background:var(--navy-glass);backdrop-filter:blur(16px);border-top:1px solid var(--line-d);
  display:none;align-items:center;justify-content:space-around;padding:0 8px;
}
.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--on-navy-2);font-size:10.5px;font-weight:600;flex:1;padding:6px 0}
.tabbar a.active{color:var(--gold-hi)}
.tabbar a.tb-wa{color:var(--wa-hi)}
.tabbar a.tb-cta{position:relative;top:-14px}
.tabbar a.tb-cta .tb-ic{width:52px;height:52px;border-radius:50%;background:var(--gold-grad);color:var(--navy-900);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold);margin-bottom:2px}
@media (max-width:860px){.tabbar{display:flex}}


.wa-modal-bd{position:fixed;inset:0;z-index:200;background:rgba(5,10,16,.66);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.28s}
.wa-modal-bd.open{opacity:1;visibility:visible}
.wa-modal{width:100%;max-width:440px;background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-lg);transform:translateY(14px) scale(.98);transition:.3s var(--ease)}
.wa-modal-bd.open .wa-modal{transform:none}
.wa-head{background:radial-gradient(500px 200px at 80% -20%,rgba(197,167,94,.25),transparent),linear-gradient(135deg,var(--navy-700),var(--navy-900));padding:26px 24px;color:#fff;position:relative}
.wa-head .wa-x{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center}
.wa-head .wav{display:flex;align-items:center;gap:13px}
.wa-head .wav img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.wa-head h3{font-size:19px;color:#fff}
.wa-head small{color:var(--gold-hi);font-weight:700;font-size:12.5px}
.wa-body{padding:22px 24px 26px}
.wa-field{margin-bottom:13px}
.wa-field label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:6px}
.wa-field input,.wa-field textarea{width:100%;border:1.5px solid var(--line-2);border-radius:13px;padding:12px 14px;font-size:15px;outline:0;transition:.2s;background:var(--paper)}
.wa-field input:focus,.wa-field textarea:focus{border-color:var(--gold);background:#fff}
.wa-msg{font-size:13px;margin:6px 0 12px;display:none}
.wa-msg.err{display:block;color:#cc3333}
.wa-modal .btn-wa{width:100%;justify-content:center}
.wa-note{margin-top:12px;font-size:12px;color:var(--mute);text-align:center;display:flex;align-items:center;justify-content:center;gap:6px}


.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.in{opacity:1;transform:none}
.reveal.d1{transition-delay:.08s}.reveal.d2{transition-delay:.16s}.reveal.d3{transition-delay:.24s}
.reveal.d4{transition-delay:.32s}.reveal.d5{transition-delay:.4s}

@keyframes floatBlob{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(20px,-26px) scale(1.06)}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition-duration:.01ms !important}
  .reveal{opacity:1;transform:none}
}


.crumbs{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--mute);font-weight:600}
.crumbs a:hover{color:var(--gold-lo)}
.crumbs svg{opacity:.5}


.empty-state{text-align:center;padding:60px 20px;color:var(--mute)}
.empty-state .es-ic{width:72px;height:72px;border-radius:20px;background:var(--gold-soft);color:var(--gold-lo);display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.empty-state h3{font-size:20px;color:var(--ink);margin-bottom:8px}


.page-hero{
  position:relative;padding:calc(var(--head-h) + 48px) 0 40px;overflow:hidden;color:var(--on-navy);
  background:radial-gradient(800px 400px at 80% -20%,rgba(197,167,94,.16),transparent 60%),
             linear-gradient(160deg,var(--navy-900),var(--navy-800));
}
.page-hero .tex-grid{position:absolute;inset:0;opacity:.06}
.page-hero .wrap{position:relative;z-index:2}
.page-hero h1{font-size:clamp(28px,4.4vw,46px);color:#fff;margin:14px 0 8px}
.page-hero p{color:var(--on-navy-2);font-size:17px;font-weight:400;max-width:620px}


.list-wrap{display:grid;grid-template-columns:288px 1fr;gap:30px;align-items:start}
@media (max-width:980px){.list-wrap{grid-template-columns:1fr}}
.list-filters{
  position:sticky;top:calc(var(--head-h) + 16px);background:#fff;border:1px solid var(--line);
  border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);
}
@media (max-width:980px){
  .list-filters{position:fixed;inset:0;z-index:150;border-radius:0;overflow-y:auto;transform:translateX(-100%);transition:transform .3s var(--ease)}
  .list-filters.open{transform:none}
}
.lf-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.lf-head h3{font-size:17px;display:flex;align-items:center;gap:8px}
.lf-head h3 svg{color:var(--gold-lo)}
.lf-close{display:none}
@media (max-width:980px){.lf-close{display:flex;width:38px;height:38px;border-radius:10px;align-items:center;justify-content:center;border:1px solid var(--line-2)}}
.lf-group{margin-bottom:18px}
.lf-group label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);margin-bottom:7px}
.lf-group input,.lf-group select{width:100%;border:1.5px solid var(--line-2);border-radius:12px;padding:11px 13px;font-size:14.5px;outline:0;background:var(--paper);transition:.2s}
.lf-group input:focus,.lf-group select:focus{border-color:var(--gold);background:#fff}
.lf-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.lf-ops{display:flex;gap:6px;background:var(--paper);padding:5px;border-radius:12px}
.lf-ops a{flex:1;text-align:center;padding:9px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--mute);transition:.2s}
.lf-ops a.active{background:#fff;color:var(--navy-800);box-shadow:var(--shadow-sm)}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.list-toolbar .count{font-size:15px;color:var(--mute);font-weight:600}
.list-toolbar .count b{color:var(--ink);font-weight:800}
.list-toolbar .right{display:flex;align-items:center;gap:10px}
.list-toolbar select{border:1.5px solid var(--line-2);border-radius:12px;padding:10px 13px;font-size:14px;font-weight:600;background:#fff;outline:0;cursor:pointer}
.filter-mob-btn{display:none;align-items:center;gap:8px;border:1.5px solid var(--line-2);border-radius:12px;padding:10px 15px;font-weight:700;font-size:14px}
@media (max-width:980px){.filter-mob-btn{display:inline-flex}}
.list-search{position:relative;margin-bottom:20px}
.list-search .lsbar{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line-2);border-radius:14px;padding:6px 6px 6px 16px}
.list-search .lsbar:focus-within{border-color:var(--gold)}
.list-search svg{color:var(--gold-lo);flex:none}
.list-search input{flex:1;border:0;outline:0;background:none;padding:11px 4px;font-size:15px}


.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:clamp(24px,4vw,40px);box-shadow:var(--shadow-sm)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:640px){.form-grid{grid-template-columns:1fr}}
.field{margin-bottom:4px}
.field.full{grid-column:1/-1}
.field label{display:block;font-size:13.5px;font-weight:700;color:var(--ink-2);margin-bottom:7px}
.field input,.field select,.field textarea{width:100%;border:1.5px solid var(--line-2);border-radius:13px;padding:13px 15px;font-size:15px;outline:0;background:var(--paper);transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);background:#fff}
.form-note{margin-top:6px;font-size:12.5px;color:var(--mute);display:flex;align-items:center;gap:6px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:30px}}
.info-card{background:var(--navy-800);color:var(--on-navy);border-radius:var(--radius-lg);padding:clamp(24px,4vw,38px);position:relative;overflow:hidden}
.info-card .tex-grid{position:absolute;inset:0;opacity:.05}
.info-card h3{color:#fff;font-size:22px;position:relative}
.info-list{margin-top:22px;display:flex;flex-direction:column;gap:16px;position:relative}
.info-item{display:flex;gap:14px;align-items:flex-start}
.info-item .ii-ic{width:46px;height:46px;border-radius:13px;background:rgba(197,167,94,.12);border:1px solid rgba(197,167,94,.25);color:var(--gold-hi);display:flex;align-items:center;justify-content:center;flex:none}
.info-item b{display:block;color:#fff;font-size:15px}
.info-item span{font-size:14px;color:var(--on-navy-2)}
.map-embed{margin-top:22px;border-radius:16px;overflow:hidden;border:1px solid var(--line-d2);position:relative;z-index:2}
.map-embed iframe{width:100%;height:240px;border:0;display:block;filter:grayscale(.2)}
.success-box{background:rgba(30,142,74,.1);border:1px solid rgba(30,142,74,.35);color:#127a3e;border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:12px;margin-bottom:20px;font-weight:600}
.success-box svg{flex:none;color:var(--wa)}


.swiper{min-width:0;max-width:100%;width:100%}
.office>*{min-width:0;max-width:100%}
.office-swiper{width:100%}
.dt-grid>*{min-width:0}
.list-wrap>*{min-width:0}
.related-swiper{min-width:0}


:root{--head-h:80px}


html{scrollbar-width:thin;scrollbar-color:var(--gold) rgba(13,27,42,.08)}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:rgba(13,27,42,.06)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-hi),var(--gold-lo));border-radius:20px;border:3px solid var(--paper)}
::-webkit-scrollbar-thumb:hover{background:var(--gold)}


.site-head{height:80px}
.brand img{height:48px;transition:height .3s var(--ease)}
.site-head.scrolled{background:var(--navy-900) !important;backdrop-filter:none !important;box-shadow:0 6px 30px rgba(0,0,0,.5)}
.site-head.scrolled .brand img{height:60px}
body:not(.r-home) .site-head{background:var(--navy-900);backdrop-filter:none}
.scroll-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:rgba(255,255,255,.06)}
.scroll-progress span{display:block;height:100%;width:0;background:var(--gold-grad);box-shadow:0 0 12px rgba(197,167,94,.8);transition:width .08s linear}


.nav{gap:2px}
.nav-item{position:relative}
.nav-item>a{display:inline-flex;align-items:center}
.nav-caret{font-size:10px;margin-left:5px;opacity:.7;transition:transform .2s}
.nav-item:hover .nav-caret{transform:rotate(180deg)}
.nav-item::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}
.submenu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px);
  background:var(--navy-900);border:1px solid var(--line-d2);border-radius:16px;padding:10px;min-width:240px;
  box-shadow:0 26px 64px rgba(0,0,0,.55);opacity:0;visibility:hidden;transition:.22s var(--ease);z-index:60;display:flex;flex-direction:column;gap:1px}
.nav-item:hover .submenu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.submenu a{padding:10px 13px;border-radius:10px;color:var(--on-navy-2);font-size:14px;font-weight:600;display:flex;align-items:center;gap:9px;white-space:nowrap}
.submenu a:hover{background:rgba(255,255,255,.06);color:var(--gold-hi)}
.submenu a i{color:var(--gold);width:15px;text-align:center}
.sm-count{margin-left:auto;font-size:11px;font-weight:800;color:var(--gold-hi);background:rgba(197,167,94,.14);border-radius:999px;padding:1px 8px}
.submenu.mega{left:0;transform:translateX(0) translateY(8px);min-width:560px;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:8px;padding:18px}
.nav-item:hover .submenu.mega{transform:translateX(0) translateY(0)}
.mega-col{display:flex;flex-direction:column;gap:1px}
.mega-title{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lo);font-weight:800;padding:2px 13px 8px}
.mega-cta{background:rgba(197,167,94,.06);border:1px solid rgba(197,167,94,.2);border-radius:14px;padding:16px}
.mega-cta p{font-size:12.5px;color:var(--on-navy-2);margin:6px 0 12px;font-weight:400}


.btn-wa-head{display:inline-flex;align-items:center;gap:9px;background:var(--wa);color:#fff;font-weight:800;padding:11px 20px;border-radius:999px;font-size:14.5px;box-shadow:0 10px 26px rgba(30,142,74,.45);transition:.2s var(--ease)}
.btn-wa-head i{font-size:18px}
.btn-wa-head:hover{background:var(--wa-hi);transform:translateY(-2px);box-shadow:0 16px 34px rgba(30,142,74,.55)}
@media (max-width:980px){.btn-wa-head .btn-txt{display:none}.btn-wa-head{padding:11px 14px}}


.drawer{width:min(92vw,390px);padding:0;display:flex;flex-direction:column;overflow-y:auto}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line-d);position:sticky;top:0;background:var(--navy-800);z-index:2}
.drawer-top img{height:42px}
.dclose{width:42px;height:42px;border-radius:12px;border:1px solid var(--line-d2);color:var(--on-navy);display:flex;align-items:center;justify-content:center;font-size:18px}
.drawer-search{display:flex;align-items:center;gap:8px;margin:16px 20px 6px;background:rgba(255,255,255,.06);border:1px solid var(--line-d2);border-radius:14px;padding:5px 5px 5px 14px}
.drawer-search i{color:var(--gold)}
.drawer-search input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:15px;padding:11px 0;min-width:0}
.drawer-search input::placeholder{color:var(--on-navy-mute)}
.drawer-search button{width:42px;height:42px;border-radius:11px;background:var(--gold-grad);color:var(--navy-900);display:flex;align-items:center;justify-content:center;flex:none}
.drawer-nav{padding:8px 14px;display:flex;flex-direction:column;gap:2px;flex:1}
.drawer .dl{padding:14px;border-radius:12px;color:var(--on-navy);font-weight:600;font-size:15.5px;display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:none;border:0}
.drawer .dl>i:first-child{color:var(--gold);width:20px;text-align:center}
.drawer .dl.active{background:rgba(255,255,255,.06);color:var(--gold-hi)}
.dacc{cursor:pointer}
.acc-caret{margin-left:auto !important;font-size:12px;color:var(--on-navy-mute) !important;transition:transform .25s}
.dacc.open .acc-caret{transform:rotate(180deg)}
.dacc-panel{max-height:0;overflow:hidden;transition:max-height .32s var(--ease)}
.dacc-panel.open{max-height:640px}
.dacc-panel a{padding:11px 14px 11px 47px;color:var(--on-navy-2);font-size:14px;display:flex;align-items:center;border-radius:10px}
.dacc-panel a:hover{color:var(--gold-hi);background:rgba(255,255,255,.04)}
.drawer-foot{padding:18px 20px;border-top:1px solid var(--line-d);background:var(--navy-800);position:sticky;bottom:0}
.drawer-contact{display:flex;flex-direction:column;gap:9px;margin-top:14px;font-size:13.5px;color:var(--on-navy-2)}
.drawer-contact a,.drawer-contact span{display:flex;align-items:center;gap:9px}
.drawer-contact i{color:var(--gold);width:16px;text-align:center}


.hero{min-height:clamp(620px,92vh,900px)}
.hero-inner{grid-template-columns:1fr;gap:0}
.hero-figure{display:none}
.hero-copy{max-width:700px}
.hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:right center;opacity:.55}
.hero-bg-grad{position:absolute;inset:0;z-index:1;background:
  linear-gradient(90deg,var(--navy-900) 8%,rgba(13,27,42,.85) 42%,rgba(13,27,42,.35) 78%,rgba(13,27,42,.55) 100%),
  linear-gradient(0deg,var(--navy-900) 2%,transparent 55%)}
.hero .wrap{position:relative;z-index:3}
@media (max-width:760px){
  .hero-bg{background-position:center 16%;opacity:.26}
  .hero-bg-grad{background:linear-gradient(0deg,var(--navy-900) 16%,rgba(13,27,42,.55) 70%,rgba(13,27,42,.72))}
}
.hero-stats{margin-top:42px;display:flex;flex-wrap:wrap;gap:12px}
.hero-stats .sep{display:none}
.hero-stats .hs{background:rgba(255,255,255,.05);border:1px solid var(--line-d2);border-radius:16px;padding:16px 22px 15px 26px;min-width:150px;backdrop-filter:blur(8px);position:relative;overflow:hidden}
.hero-stats .hs::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold-grad)}
.hero-stats .hs b{font-size:33px;font-weight:900;color:#fff;display:block;line-height:1;letter-spacing:-.02em}
.hero-stats .hs .pl{color:var(--gold-hi)}
.hero-stats .hs span{font-size:12.5px;color:var(--on-navy-2);font-weight:600;margin-top:7px;display:block}
@media (max-width:560px){.hero-stats{gap:8px}.hero-stats .hs{flex:1 1 43%;min-width:0;padding:13px 14px 13px 18px}.hero-stats .hs b{font-size:25px}}
.hero-scroll-cue{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);z-index:3;color:var(--gold-hi);font-size:20px;opacity:.85;animation:floatY 2.2s ease-in-out infinite}
@media (max-width:760px){.hero-scroll-cue{display:none}}


.areas-swiper-wrap{margin-top:6px;padding:6px 22px 4px}
.areas-swiper{overflow:visible}
.area-card{position:relative;display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--line-d2);transition:transform .4s var(--ease)}
.area-card:hover{transform:translateY(-4px)}
.area-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,42,.05) 30%,rgba(13,27,42,.88) 100%)}
.area-info{position:absolute;left:0;right:0;bottom:0;padding:18px;z-index:2}
.area-name{display:block;font-size:21px;font-weight:800;color:#fff;letter-spacing:-.01em}
.area-count{font-size:12.5px;color:var(--gold-hi);font-weight:700}
.area-card::after{content:"";position:absolute;inset:0;border:2px solid transparent;border-radius:18px;transition:border-color .25s}
.area-card:hover::after{border-color:var(--gold)}


.fachada-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line-d2);box-shadow:var(--shadow-lg)}
.fachada-card img{width:100%;max-height:480px;object-fit:cover;display:block}
.fachada-info{position:absolute;left:0;right:0;bottom:0;padding:24px 26px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;background:linear-gradient(0deg,rgba(13,27,42,.92),transparent)}
.fachada-info b{font-size:20px;color:#fff;display:block}
.fachada-info span{font-size:13.5px;color:var(--on-navy-2);display:flex;align-items:center;gap:7px;margin-top:5px}
.fachada-info i{color:var(--gold)}
.office-swiper-wrap{margin-top:30px;padding:0 22px}
.office-swiper{overflow:visible}
.office-swiper .swiper-slide{aspect-ratio:1/1;height:auto;border-radius:16px;overflow:hidden;border:1px solid var(--line-d)}
.office-swiper img{width:100%;height:100%;object-fit:cover}


.pcard-media .pbadge{position:absolute;top:12px;left:12px;z-index:2;box-shadow:0 6px 16px rgba(13,27,42,.3)}
.pcard-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(13,27,42,.25) 100%)}
.pcard-toprow{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pcard-code{position:static;font-size:11px;font-weight:800;letter-spacing:.05em;color:var(--gold-lo);background:rgba(197,167,94,.1);border:1px solid rgba(197,167,94,.24);padding:3px 9px;border-radius:7px;white-space:nowrap}
.pcard h3{margin-top:8px}
.spec i{color:var(--gold-lo);font-size:13px;width:15px;text-align:center}
.section--navy .spec i{color:var(--gold)}
.pcard-link .arr i{font-size:13px}
.pcard-loc i{color:var(--gold);font-size:12px}


.section--light .about-body h2{color:var(--ink)}
.section--light .about-body p{color:var(--mute)}


.wa-float{position:fixed;right:22px;bottom:22px;z-index:95;width:62px;height:62px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 14px 32px rgba(30,142,74,.5);transition:transform .25s var(--ease),background .2s}
.wa-float:hover{background:var(--wa-hi);transform:scale(1.08)}
.wa-float-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--wa);animation:waPulse 2.2s ease-out infinite;pointer-events:none}
@keyframes waPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.7);opacity:0}}
@media (max-width:860px){.wa-float{bottom:calc(var(--tabbar-h) + 14px);right:14px;width:54px;height:54px;font-size:26px}}


.list-section{padding-top:34px}
.list-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}
.list-toolbar .count{font-size:15px;color:var(--mute);font-weight:600;margin-right:auto}
.list-toolbar .count b{color:var(--ink);font-weight:800}
.list-toolbar .right{display:flex;align-items:center;gap:8px}
.list-toolbar .sort-lbl{font-size:13px;color:var(--mute);font-weight:600}
.list-wrap{align-items:start}
.list-filters{position:sticky;top:96px}
.list-results{min-width:0}
.list-results .grid-3{grid-template-columns:repeat(2,1fr)}
@media (min-width:1180px){.list-results .grid-3{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.list-results .grid-3{grid-template-columns:1fr}}


.filedrop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:26px;border:2px dashed var(--line-2);border-radius:14px;background:var(--paper);cursor:pointer;transition:.2s;text-align:center}
.filedrop:hover,.filedrop.has{border-color:var(--gold);background:#fff}
.filedrop>i{font-size:26px;color:var(--gold-lo)}
.filedrop .fd-txt{font-size:13.5px;color:var(--mute);font-weight:600}
.filedrop input{display:none}
.filedrop-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.file-chip{font-size:12px;font-weight:600;color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px}
.file-chip i{color:var(--gold-lo)}




.hero-stats{margin-top:48px;display:flex;flex-wrap:wrap;gap:34px 60px;align-items:flex-start;background:none;border:0;padding:0;backdrop-filter:none;box-shadow:none}
.hero-stats .sep,.hero-stats .hs-div,.hero-stats .hs-ic{display:none}
.hero-stats .hs{display:block;background:none !important;border:0;padding:0;overflow:visible}
.hero-stats .hs::before{display:none}
.hero-stats .hs b{font-size:clamp(46px,5.2vw,66px);font-weight:900;line-height:.92;letter-spacing:-.035em;color:#fff;display:inline-flex;align-items:baseline;text-shadow:0 4px 30px rgba(0,0,0,.4)}
.hero-stats .hs b .pl{font-size:.46em;font-weight:800;color:var(--gold-hi);margin-left:5px}
.hero-stats .hs>span{display:block;margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-navy-2)}
.hero-stats .hs::after{content:"";display:block;width:36px;height:3px;border-radius:3px;background:var(--gold-grad);margin-top:14px}
@media (max-width:600px){.hero-stats{gap:22px 38px}.hero-stats .hs b{font-size:40px}.hero-stats .hs>span{font-size:11px;margin-top:8px}.hero-stats .hs::after{margin-top:10px}}


.marquee-wrap{position:relative;margin-top:10px}
.marquee{overflow:hidden;padding:10px 0}
.marquee-track{display:flex;width:max-content;will-change:transform}
.m-item{flex:none;margin-right:16px}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marqScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee-wrap::before,.marquee-wrap::after{content:"";position:absolute;top:0;bottom:0;width:130px;z-index:4;pointer-events:none}
.marquee-wrap::before{left:0;background:linear-gradient(90deg,var(--navy-900) 14%,transparent)}
.marquee-wrap::after{right:0;background:linear-gradient(270deg,var(--navy-900) 14%,transparent)}


.marquee--areas .marquee-track{animation:marqScroll 48s linear infinite}
.marquee--areas .m-item{width:clamp(244px,24vw,300px)}
.area-card{position:relative;display:block;aspect-ratio:1/1;border-radius:20px;overflow:hidden;border:1px solid var(--line-d2);background:var(--navy-700);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.area-card .area-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.area-card:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(0,0,0,.5)}
.area-card:hover .area-img{transform:scale(1.09)}
.area-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(13,27,42,0) 35%,rgba(10,16,24,.55) 70%,rgba(8,13,20,.92) 100%)}
.area-info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px}
.area-name{display:block;font-size:22px;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.1}
.area-count{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gold-hi);font-weight:700;margin-top:6px}
.area-count::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px var(--gold)}
.area-go{position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;border-radius:50%;background:rgba(13,27,42,.55);backdrop-filter:blur(6px);border:1px solid var(--line-d2);color:#fff;display:flex;align-items:center;justify-content:center;transform:translateY(-6px);opacity:0;transition:.3s var(--ease)}
.area-card:hover .area-go{opacity:1;transform:translateY(0);background:var(--gold);color:var(--navy-900);border-color:var(--gold)}
.area-card::after{content:"";position:absolute;inset:0;z-index:3;border:2px solid transparent;border-radius:20px;transition:border-color .3s;pointer-events:none}
.area-card:hover::after{border-color:rgba(197,167,94,.6)}


.presencial{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
@media (max-width:900px){.presencial{grid-template-columns:1fr;gap:30px}}
.presencial-media{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--line-d2);box-shadow:var(--shadow-lg)}
.presencial-media img{width:100%;height:100%;min-height:360px;max-height:540px;object-fit:cover;display:block}
.presencial-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(8,13,20,.45));pointer-events:none}
.presencial-pin{position:absolute;left:18px;bottom:18px;z-index:2;background:rgba(13,27,42,.8);backdrop-filter:blur(8px);border:1px solid var(--line-d2);color:#fff;font-weight:700;font-size:13px;padding:9px 15px;border-radius:999px;display:inline-flex;align-items:center;gap:8px}
.presencial-pin i{color:var(--gold-hi)}
.presencial-info h2{color:#fff;font-size:clamp(26px,3.4vw,38px);margin:14px 0 12px}
.presencial-info>p{color:var(--on-navy-2);font-weight:400;font-size:16px}
.presencial-list{margin:26px 0;display:flex;flex-direction:column;gap:15px}
.presencial-item{display:flex;gap:14px;align-items:flex-start}
.presencial-item .pi-ic{width:48px;height:48px;border-radius:14px;background:rgba(197,167,94,.12);border:1px solid rgba(197,167,94,.26);color:var(--gold-hi);display:flex;align-items:center;justify-content:center;flex:none;font-size:18px}
.presencial-item b{display:block;color:#fff;font-size:15.5px}
.presencial-item span{font-size:14px;color:var(--on-navy-2)}


.office-marquee{margin-top:54px}
.marquee--office .marquee-track{animation:marqScroll 40s linear infinite}
.marquee--office .m-item.office-item{width:clamp(220px,24vw,288px)}
.office-item{aspect-ratio:1/1;border-radius:18px;overflow:hidden;border:1px solid var(--line-d)}
.office-item img{width:100%;height:100%;object-fit:cover}
.office-marquee::before,.office-marquee::after{width:160px}




.featured-carousel{position:relative;margin-top:6px}
.featured-swiper{overflow:hidden;padding:10px 6px 18px}
.featured-swiper .swiper-slide{height:auto;display:flex}
.featured-swiper .swiper-slide .pcard{width:100%;height:100%}

.swiper .pcard.reveal,.swiper .reveal{opacity:1 !important;transform:none !important}
.fc-prev,.fc-next{position:absolute;top:calc(50% - 30px);z-index:12;width:54px;height:54px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);color:var(--navy-800);display:flex;align-items:center;justify-content:center;font-size:16px;transition:transform .2s var(--ease),background .2s,color .2s,box-shadow .2s}
.fc-prev{left:-10px}.fc-next{right:-10px}
.fc-prev:hover,.fc-next:hover{background:var(--navy-800);color:var(--gold-hi);transform:scale(1.08)}
.fc-prev.swiper-button-disabled,.fc-next.swiper-button-disabled{opacity:.0;pointer-events:none}
@media (max-width:760px){.fc-prev,.fc-next{display:none}}


@media (max-width:760px){
  .catbar{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin-left:-22px;margin-right:-22px;padding:0 22px 6px;scrollbar-width:none}
  .catbar::-webkit-scrollbar{display:none}
  .catbar a{flex:none;scroll-snap-align:start}
}


a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.chip:focus-visible{
  outline:2px solid var(--gold);outline-offset:2px;border-radius:8px}
.btn:focus-visible{outline-offset:3px}



.btn-gold,.btn-accent{position:relative;overflow:hidden}
.btn-gold::after,.btn-accent::after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-18deg);transition:left .6s var(--ease)}
.btn-gold:hover::after,.btn-accent:hover::after{left:140%}

.nav>a,.nav-item>a{position:relative}
.nav>a::after,.nav-item>a::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--gold-grad);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease);opacity:.9}
.nav>a:hover::after,.nav>a.active::after,.nav-item:hover>a::after{transform:scaleX(1)}


.section--navy .pcard,.price-card,.info-card,.area-card,.office-item{position:relative}
.price-card::before,.info-card::before{content:"";position:absolute;top:0;left:16px;right:16px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);z-index:5}


.sec-head h2{letter-spacing:-.025em}
.sec-head .eyebrow{margin-bottom:2px}


.rule-gold{height:1px;background:linear-gradient(90deg,transparent,rgba(197,167,94,.4),transparent);border:0;margin:0}


.pcard{transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .3s}
.pcard:hover{transform:translateY(-8px)}
.section--light .pcard:hover{box-shadow:0 26px 60px rgba(13,27,42,.16)}
.pcard-link .arr{transition:transform .25s var(--ease),background .25s,color .25s}


.hero{padding-bottom:74px}


.presencial-media,.fachada-card,.area-card,.office-item{will-change:transform}






.hero-stats{margin-top:46px;gap:30px 58px}
.hero-stats .hs b{font-size:clamp(56px,6.8vw,88px);line-height:.88;letter-spacing:-.04em}
.hero-stats .hs b .pl{font-size:.4em}
.hero-stats .hs>span{font-size:12.5px;margin-top:14px}
.hero-stats .hs::after{width:42px;height:3px;margin-top:16px}


.brand img{height:54px}
.site-head.scrolled .brand img{height:64px}
.head-search-btn{display:none;width:46px;height:46px;border-radius:13px;background:rgba(255,255,255,.08);border:1px solid var(--line-d2);color:var(--on-navy);align-items:center;justify-content:center;font-size:17px;transition:.2s}
.head-search-btn:hover{background:rgba(255,255,255,.16);color:var(--gold-hi)}
.site-head.scrolled .head-search-btn{display:flex}
@media (max-width:980px){.head-search-btn{display:flex}}


.cmdk-bd{position:fixed;inset:0;z-index:300;background:rgba(6,11,18,.74);backdrop-filter:blur(10px);display:flex;align-items:flex-start;justify-content:center;padding:13vh 20px 20px;opacity:0;visibility:hidden;transition:.25s}
.cmdk-bd.open{opacity:1;visibility:visible}
.cmdk{width:100%;max-width:660px;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 44px 110px rgba(0,0,0,.55);transform:translateY(-16px) scale(.98);transition:.32s var(--ease)}
.cmdk-bd.open .cmdk{transform:none}
.cmdk-bar{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 22px;border-bottom:1px solid var(--line)}
.cmdk-lupa{color:var(--gold-lo);font-size:18px}
.cmdk-input{flex:1;border:0;outline:0;background:none;font-size:18px;font-weight:500;padding:18px 4px;color:var(--ink)}
.cmdk-input::placeholder{color:#9aa6b2}
.cmdk-esc{font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--mute);border:1px solid var(--line-2);border-radius:8px;padding:7px 10px;flex:none}
.cmdk .ac-panel{position:static;top:auto;transform:none;box-shadow:none;border:0;border-radius:0;max-height:52vh;opacity:1;visibility:visible}
.cmdk .ac-panel:empty{display:none}
.cmdk-quick{padding:16px 22px;border-top:1px solid var(--line)}
.cmdk-quick-lbl{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);display:block;margin-bottom:11px}
.cmdk-chips{display:flex;flex-wrap:wrap;gap:8px}
.cmdk-chips .chip{background:var(--paper);border:1px solid var(--line);color:var(--ink-2);padding:9px 14px;border-radius:999px;font-weight:600;font-size:13px}
.cmdk-chips .chip i{color:var(--gold-lo);margin-right:6px}
.cmdk-chips .chip:hover{border-color:var(--gold);color:var(--gold-lo);background:#fff}
@media (max-width:560px){.cmdk-bd{padding:8vh 14px 14px}.cmdk-input{font-size:16px}}


.pcard .pfav i{transition:transform .2s}
.pfav.on{background:#fff}
.pfav.on i{color:var(--gold)}
.pfav:active i{transform:scale(.8)}
.fav-fab{position:fixed;right:22px;bottom:96px;z-index:96;width:56px;height:56px;border-radius:50%;background:var(--navy-800);color:var(--gold-hi);border:1px solid rgba(197,167,94,.4);box-shadow:0 14px 34px rgba(0,0,0,.45);display:none;align-items:center;justify-content:center;font-size:22px;transition:transform .25s var(--ease),background .2s}
.fav-fab.show{display:flex;animation:favPop .3s var(--ease)}
.fav-fab:hover{transform:scale(1.08);background:var(--navy-700)}
@keyframes favPop{from{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}
.fav-count{position:absolute;top:-5px;right:-5px;min-width:22px;height:22px;border-radius:999px;background:var(--gold);color:var(--navy-900);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 6px;border:2px solid var(--navy-900)}
.fav-modal-bd{position:fixed;inset:0;z-index:310;background:rgba(6,11,18,.72);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}
.fav-modal-bd.open{opacity:1;visibility:visible}
.fav-modal{width:100%;max-width:470px;max-height:82vh;background:#fff;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 44px 110px rgba(0,0,0,.5);transform:translateY(14px) scale(.98);transition:.3s var(--ease)}
.fav-modal-bd.open .fav-modal{transform:none}
.fav-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}
.fav-head h3{font-size:18px;display:flex;align-items:center;gap:9px;color:var(--navy-800)}
.fav-head h3 i{color:var(--gold)}
.fav-head-count{background:var(--gold);color:var(--navy-900);font-size:12px;font-weight:800;border-radius:999px;padding:2px 9px}
.fav-x{width:38px;height:38px;border-radius:50%;background:var(--paper);color:var(--navy-800);display:flex;align-items:center;justify-content:center}
.fav-x:hover{background:var(--line)}
.fav-list{padding:10px;overflow-y:auto}
.fav-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:14px;transition:background .15s}
.fav-item:hover{background:var(--paper)}
.fav-thumb img{width:74px;height:58px;object-fit:cover;border-radius:10px}
.fav-info{flex:1;min-width:0}
.fav-info b{display:block;font-size:14.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fav-info small{color:var(--mute);font-size:12.5px}
.fav-price{display:block;font-weight:800;color:var(--gold-lo);font-size:14px;margin-top:2px}
.fav-rm{width:34px;height:34px;border-radius:9px;background:var(--paper);color:var(--mute);display:flex;align-items:center;justify-content:center;flex:none}
.fav-rm:hover{background:#ffe3e3;color:#cc3333}
.fav-empty{padding:44px 24px;text-align:center;color:var(--mute);font-size:14px}
.fav-empty>i{font-size:36px;color:var(--line-2);display:block;margin-bottom:14px}


.cat-select-row{display:flex;align-items:center;gap:14px;margin-bottom:34px;flex-wrap:wrap}
.cat-select-lbl{font-size:13px;font-weight:700;color:var(--mute);display:inline-flex;align-items:center;gap:8px}
.cat-select-lbl i{color:var(--gold-lo)}
.cat-select{position:relative}
.cat-select select{appearance:none;-webkit-appearance:none;background:#fff;border:1.5px solid var(--line-2);border-radius:12px;padding:13px 46px 13px 16px;font-size:14.5px;font-weight:700;color:var(--navy-800);cursor:pointer;min-width:248px;box-shadow:var(--shadow-sm)}
.cat-select select:focus{border-color:var(--gold);outline:none}
.cat-select>i{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--gold-lo);pointer-events:none;font-size:12px}


.foot-brand img{height:64px}
.foot-credit{display:inline-flex;align-items:center;gap:9px;padding:7px 8px 7px 15px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line-d);transition:.2s}
.foot-credit:hover{border-color:var(--wa);background:rgba(30,142,74,.12);transform:translateY(-1px)}
.foot-credit .fc-by{font-size:11px;color:var(--on-navy-mute)}
.foot-credit .fc-name{font-size:13.5px;font-weight:800;color:#fff}
.foot-credit .fc-wa{width:28px;height:28px;border-radius:50%;background:var(--wa);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}


.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
@media (max-width:820px){.steps-grid{grid-template-columns:1fr}}
.step-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);padding:30px 26px;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s;overflow:hidden}
.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.step-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gold-grad)}
.step-num{position:absolute;top:16px;right:22px;font-size:56px;font-weight:900;color:rgba(13,27,42,.06);line-height:1}
.step-ic{width:60px;height:60px;border-radius:17px;background:var(--gold-soft);border:1px solid rgba(197,167,94,.26);color:var(--gold-lo);display:flex;align-items:center;justify-content:center;font-size:25px;margin-bottom:18px}
.step-card h3{font-size:20px;margin-bottom:8px;color:var(--ink)}
.step-card p{color:var(--mute);font-size:15px}


.drawer-search button i{color:#fff}
.drawer-fachada{display:block;margin:14px 20px;border-radius:16px;overflow:hidden;border:1px solid var(--line-d2);position:relative}
.drawer-fachada img{width:100%;height:128px;object-fit:cover;display:block}
.drawer-fachada-info{padding:12px 14px;background:var(--navy-700);display:flex;align-items:center;justify-content:space-between;gap:10px}
.dfi-txt b{display:block;font-size:13px;color:#fff}
.dfi-txt b i{color:var(--gold-hi);margin-right:5px}
.dfi-txt span{font-size:11px;color:var(--on-navy-2);display:block;margin-top:3px;line-height:1.3}
.dfi-btn{flex:none;font-size:10.5px;font-weight:800;color:var(--navy-900);background:var(--gold-grad);border-radius:999px;padding:9px 12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.drawer-cities-lbl{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-lo);padding:10px 22px 8px}
.drawer-cities{padding:0 0 8px}
.dcities-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 20px 8px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.dcities-scroll::-webkit-scrollbar{display:none}
.dcities-scroll .dcity-card{flex:none;width:142px;scroll-snap-align:start}
.dcity-card{position:relative;display:block;height:92px;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;border:1px solid var(--line-d2)}
.dcity-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,27,42,.1),rgba(8,13,20,.85))}
.dcity-name{position:absolute;left:12px;bottom:22px;z-index:2;color:#fff;font-weight:800;font-size:14px}
.dcity-count{position:absolute;left:12px;bottom:9px;z-index:2;color:var(--gold-hi);font-weight:700;font-size:10.5px}


.tabbar a.tb-cta{top:-18px;color:var(--wa-hi)}
.tabbar a.tb-cta .tb-ic{width:64px;height:64px;background:var(--wa);box-shadow:0 12px 28px rgba(30,142,74,.55),0 0 0 6px var(--navy-900)}
.tabbar a.tb-cta .tb-ic i{font-size:30px;color:#fff}
.tabbar a.tb-cta:hover .tb-ic{background:var(--wa-hi)}


@media (max-width:860px){.wa-float{display:none}}
@media (max-width:860px){.fav-fab{bottom:calc(var(--tabbar-h) + 16px);right:14px}}


@media (max-width:760px){
  .hero-bg,.hero-bg-grad{display:none}
  .hero{background:radial-gradient(900px 600px at 50% -8%,rgba(197,167,94,.16),transparent 58%),linear-gradient(170deg,var(--navy-900),var(--navy-800) 60%,var(--navy-700));min-height:auto;padding-top:calc(var(--head-h) + 26px);padding-bottom:46px}
  .hero-inner{display:flex;flex-direction:column}
  .hero-figure{display:flex !important;order:-1;justify-content:center;margin-bottom:6px}
  .hero-circle{width:min(210px,58%)}
  .hero-copy{text-align:center}
  .hero-badges{justify-content:center}
  .hero h1{font-size:clamp(30px,8vw,40px)}
  .hsearch{text-align:left}
  .hsearch-sub{justify-content:center}
  .hero-stats{justify-content:center;gap:18px 30px}
  .hero-stats .hs{text-align:center}
  .hero-stats .hs b{font-size:clamp(38px,11vw,52px)}
  .hero-stats .hs::after{margin-left:auto;margin-right:auto}
  .hero-scroll-cue{display:none}
}




:root{--head-h:98px}
.site-head{height:98px}
.site-head .wrap{padding-left:30px;padding-right:30px}
.brand img{height:66px;transition:none}
.site-head.scrolled{height:90px}
.site-head.scrolled .brand img{height:66px}    
.list-filters{top:114px}


html{scroll-padding-top:118px}
[data-count],.pcard-price .pp,.pc-val,.kpi-val{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}



html.js .reveal{opacity:0;transform:translateY(28px);
  transition:opacity .75s var(--ease),transform .75s var(--ease)}
html.js .reveal.in{opacity:1;transform:none}
.grid>.reveal:nth-child(2){transition-delay:.08s}
.grid>.reveal:nth-child(3){transition-delay:.16s}
.grid>.reveal:nth-child(4){transition-delay:.24s}
.grid>.reveal:nth-child(5){transition-delay:.32s}
.grid>.reveal:nth-child(6){transition-delay:.4s}

html:not(.js) .reveal{opacity:1 !important;transform:none !important;filter:none !important}

html.reveal-all .reveal{opacity:1 !important;transform:none !important}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1 !important;transform:none !important}}


.pcard-media img,.area-img,.office-item img,.presencial-media img,.fachada-card img,.dt-related img{transition:opacity .7s ease,transform .7s var(--ease)}
.js-imgfade .pcard-media img:not(.loaded),
.js-imgfade .area-img:not(.loaded),
.js-imgfade .office-item img:not(.loaded),
.js-imgfade .presencial-media img:not(.loaded){opacity:0}


.hero h1 .accent{
  background:linear-gradient(100deg,#c5a75e 0%,#f0dcae 25%,#fff 42%,#e0c688 60%,#c5a75e 100%);
  background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  animation:goldShimmer 7s linear infinite}
@keyframes goldShimmer{to{background-position:-220% center}}


.hero-badge{position:relative;overflow:hidden}
.hero-badge::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.16) 50%,transparent 65%);transform:translateX(-120%);animation:badgeShine 6s ease-in-out infinite}
@keyframes badgeShine{0%,55%{transform:translateX(-120%)}78%,100%{transform:translateX(120%)}}


.hsearch-bar{transition:box-shadow .35s var(--ease),transform .35s var(--ease)}
.hsearch-bar:focus-within{transform:translateY(-2px);box-shadow:0 34px 80px rgba(0,0,0,.34),0 0 0 3px rgba(197,167,94,.4)}
.hsearch-go{transition:transform .25s var(--ease),box-shadow .25s,filter .25s}
.hsearch-go:hover{filter:brightness(1.05)}


.hero-scroll-cue{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-d2);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.04);backdrop-filter:blur(4px)}


.btn-gold,.btn-accent{background:linear-gradient(135deg,#ead29a 0%,#c5a75e 52%,#a9894c 100%);box-shadow:0 14px 34px rgba(197,167,94,.34),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-gold:hover,.btn-accent:hover{box-shadow:0 22px 52px rgba(197,167,94,.5),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-wa{box-shadow:0 14px 34px rgba(30,142,74,.36),inset 0 1px 0 rgba(255,255,255,.25)}
.btn{transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s,color .25s,filter .25s}


.pcard{transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .35s}
.pcard-media::before{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.28) 50%,transparent 62%);transform:translateX(-130%);transition:transform .75s var(--ease);pointer-events:none}
.pcard:hover .pcard-media::before{transform:translateX(130%)}
.section--light .pcard:hover{border-color:rgba(197,167,94,.5);box-shadow:0 30px 70px rgba(13,27,42,.18)}
.pcard-price .pp{transition:color .3s}
.section--light .pcard:hover .pcard-price .pp{color:var(--gold-lo)}
.pbadge{box-shadow:0 6px 18px rgba(10,16,24,.28);letter-spacing:.03em}
.pbadge.sale{background:linear-gradient(135deg,#e0c688,#c5a75e)}


.pcard-media{position:relative;overflow:hidden}
.pcard-media-wrap{overflow:hidden}

.pflag{
  position:absolute;
  top:30px;
  left:-52px;
  width:200px;
  z-index:4;
  display:flex;align-items:center;justify-content:center;
  padding:6px 0;
  font-size:10.5px;font-weight:800;letter-spacing:.05em;
  text-transform:uppercase;
  color:#fff;
  white-space:nowrap;
  text-align:center;
  pointer-events:none;
  transform:rotate(-45deg);
  transform-origin:center center;
  box-shadow:0 4px 14px rgba(0,0,0,.35);
  text-shadow:0 1px 2px rgba(0,0,0,.4);
  border-top:1px solid rgba(197,167,94,.3);
  border-bottom:1px solid rgba(0,0,0,.25);
  animation:pflagIn .35s var(--ease) backwards;
}
@keyframes pflagIn{
  from{opacity:0}
  to  {opacity:1}
}


.pflag.flag-under {background:linear-gradient(135deg,#2a4870,#0d1b2a)}
.pflag.flag-launch{background:linear-gradient(135deg,#3a6699,#1a3a5c)}
.pflag.flag-pre   {background:linear-gradient(135deg,#1a3a5c,#0a1420)}


.pbadge.dts-under {background:linear-gradient(135deg,#2a4870,#0d1b2a);color:#fff}
.pbadge.dts-launch{background:linear-gradient(135deg,#3a6699,#1a3a5c);color:#fff}
.pbadge.dts-pre   {background:linear-gradient(135deg,#1a3a5c,#0a1420);color:#fff}


@media (max-width:640px){
  .pflag{top:26px;left:-50px;width:180px;font-size:9.5px;letter-spacing:.04em;padding:5px 0}
}
@media (max-width:380px){
  .pflag{top:22px;left:-48px;width:170px;font-size:9px;padding:4px 0}
}


.pbadges{
  position:absolute;top:12px;right:12px;z-index:3;
  display:flex;flex-direction:column;align-items:flex-end;gap:5px;
  max-width:calc(100% - 24px);
  pointer-events:none;
}
.pbadges .pbadge{
  position:static;
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 10px;
  font-size:10.5px;font-weight:800;letter-spacing:.03em;
  border-radius:999px;
  white-space:nowrap;
  box-shadow:0 4px 12px rgba(10,16,24,.28);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  pointer-events:auto;
  animation:pbIn .3s var(--ease) backwards;
}
.pbadges .pbadge:nth-child(1){animation-delay:.05s}
.pbadges .pbadge:nth-child(2){animation-delay:.10s}
.pbadges .pbadge:nth-child(3){animation-delay:.15s}
.pbadges .pbadge:nth-child(4){animation-delay:.20s}
.pbadges .pbadge i{font-size:10px;opacity:.9}
@keyframes pbIn{
  from{opacity:0;transform:translateX(8px)}
  to  {opacity:1;transform:translateX(0)}
}


.pbadge.op{
  background:linear-gradient(135deg,#ff5454,#d93838);
  color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.18);
}
@keyframes pbPulse{
  0%,100%{box-shadow:0 6px 18px rgba(217,56,56,.4)}
  50%    {box-shadow:0 6px 22px rgba(217,56,56,.7), 0 0 0 3px rgba(255,84,84,.15)}
}
.pbadge.sea{background:linear-gradient(135deg,#3d8dc7,#266ba0);color:#fff}
.pbadge.excl{background:linear-gradient(135deg,#1c2d44,#0d1b2a);color:var(--gold-hi,#d4b873);border:1px solid rgba(197,167,94,.55)}
.pbadge.swap{background:linear-gradient(135deg,#2a7d5d,#1e6147);color:#fff}
.pbadge.cat{background:rgba(13,27,42,.85);color:rgba(255,255,255,.92);backdrop-filter:blur(4px)}


.dt-badges .pbadge{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 12px;font-size:12px;font-weight:700;
  border-radius:99px;
}
.dt-badges .pbadge i{font-size:11px}
.dt-badges .pbadge.op{animation:none}


@media (max-width:480px){
  .pbadges .pbadge{padding:4px 9px;font-size:10px}
  .pbadges .pbadge i{font-size:9px}
}


.cat-chip.cat-chip-op{
  border-color:rgba(217,56,56,.4) !important;
  background:rgba(217,56,56,.06);
  color:#d93838;
}
.cat-chip.cat-chip-op .cc-ic{
  background:linear-gradient(135deg,#ff5454,#d93838);
  color:#fff;
  box-shadow:0 2px 6px rgba(217,56,56,.3);
}
.cat-chip.cat-chip-op .cc-ic i{color:#fff}
.cat-chip.cat-chip-op:hover{
  border-color:#d93838 !important;
  background:rgba(217,56,56,.12);
}
.cat-chip.cat-chip-op:hover .cc-ic{transform:scale(1.08) rotate(-4deg)}
.cat-chip.cat-chip-op.is-active{
  background:linear-gradient(135deg,#ff5454,#d93838) !important;
  border-color:#d93838 !important;
  color:#fff;
  box-shadow:0 6px 18px rgba(217,56,56,.35);
}
.cat-chip.cat-chip-op.is-active .cc-ic{
  background:rgba(255,255,255,.25);
  color:#fff;
  box-shadow:none;
}



.pcard-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;row-gap:2px}
.pcard-price .pp-old{
  display:inline-block;
  font-size:13px;color:var(--mute,#8a99a8);
  text-decoration:line-through;
  text-decoration-color:rgba(138,153,168,.6);
  text-decoration-thickness:1.5px;
  font-weight:600;
}
.pcard-price .pp.pp-new{color:#d93838;font-weight:800}
.pcard-price .pp-off{
  display:inline-flex;align-items:center;
  padding:3px 8px;border-radius:6px;
  background:linear-gradient(135deg,#ff5454,#d93838);
  color:#fff;font-size:11px;font-weight:800;letter-spacing:.03em;
  box-shadow:0 4px 10px rgba(217,56,56,.3);
}


.pc-val-old{
  font-size:18px;color:rgba(255,255,255,.5);
  text-decoration:line-through;
  text-decoration-color:rgba(255,255,255,.4);
  text-decoration-thickness:2px;
  font-weight:600;
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin-bottom:2px;
}
.pc-off{
  display:inline-flex;align-items:center;
  padding:3px 9px;border-radius:7px;
  background:linear-gradient(135deg,#ff5454,#d93838);
  color:#fff;font-size:12px;font-weight:800;letter-spacing:.03em;
  text-decoration:none;
  box-shadow:0 4px 12px rgba(217,56,56,.45);
}
.pc-val.pc-val-new{color:#ff8a8a !important}
.pc-saved{
  margin-top:8px;
  display:inline-flex;align-items:center;gap:7px;
  padding:6px 12px;border-radius:8px;
  background:rgba(126,217,136,.12);
  border:1px solid rgba(126,217,136,.3);
  color:#7ed988;
  font-size:13px;font-weight:600;
}
.pc-saved i{font-size:12px}
.pc-saved b{color:#a8f0b3;font-weight:800}

.pfav{transition:transform .2s var(--ease),background .2s,color .2s,box-shadow .2s}
.pfav:hover{box-shadow:0 6px 18px rgba(13,27,42,.25)}
.pfav.on{animation:starPop .4s var(--ease)}
@keyframes starPop{0%{transform:scale(.6)}50%{transform:scale(1.25)}100%{transform:scale(1)}}


.sec-head{position:relative}
.section--navy .sec-head::before{content:"";position:absolute;top:-30px;left:-30px;width:200px;height:120px;background:radial-gradient(circle,rgba(197,167,94,.16),transparent 70%);filter:blur(20px);pointer-events:none;z-index:0}
.sec-head>*{position:relative;z-index:1}
.eyebrow::before{transition:width .3s var(--ease)}
.sec-head:hover .eyebrow::before{width:40px}


.area-card .area-name{text-shadow:0 2px 12px rgba(0,0,0,.4)}
.area-card{box-shadow:0 10px 30px rgba(8,13,20,.35)}


.step-card .step-ic{transition:transform .35s var(--ease),background .3s}
.step-card:hover .step-ic{transform:translateY(-4px) rotate(-4deg);background:var(--gold);color:var(--navy-900);border-color:var(--gold)}




.section--light + .section--navy,.section--navy + .section--light{position:relative}


.btn-wa-head{position:relative;overflow:hidden}
.btn-wa-head::after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skewX(-18deg);transition:left .6s var(--ease)}
.btn-wa-head:hover::after{left:150%}


.foot-col a{transition:color .2s,padding-left .2s}
.foot-col a:hover{padding-left:5px}


.hsearch-sub .chip{transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s}
.hsearch-sub .chip:hover{transform:translateY(-2px)}


.cmdk .ac-item:hover,.cmdk .ac-item.sel{background:linear-gradient(90deg,rgba(197,167,94,.1),transparent)}


:root{--on-navy-2:#b6c3d2}


.lf-backdrop{display:none}
@media (max-width:980px){
  .list-filters{position:fixed;top:0;left:0;bottom:0;right:auto;width:min(338px,88vw);z-index:160;
    border-radius:0 20px 20px 0;transform:translateX(-101%);box-shadow:30px 0 80px rgba(8,13,20,.45);
    padding:20px;overflow-y:auto;background:#fff}
  .list-filters.open{transform:none}
  .lf-backdrop{display:block;position:fixed;inset:0;background:rgba(8,13,20,.62);backdrop-filter:blur(4px);z-index:155;opacity:0;visibility:hidden;transition:.3s}
  .lf-backdrop.open{opacity:1;visibility:visible}
  .filter-mob-btn{background:var(--navy-800);color:#fff;border-color:var(--navy-800)}
  .filter-mob-btn i{color:var(--gold-hi)}
}

@media (max-width:860px){ .list-section{padding-bottom:40px} }


.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:44px;align-items:start}
.faq-aside{position:sticky;top:120px}
.faq-aside h2{margin:6px 0 12px}
.faq-aside>p{color:var(--mute);font-size:15.5px;line-height:1.6;margin-bottom:22px}
.faq-help{display:flex;align-items:center;gap:13px;padding:16px 18px;border-radius:16px;text-decoration:none;
  background:linear-gradient(135deg,rgba(30,142,74,.10),rgba(30,142,74,.03));border:1px solid rgba(30,142,74,.28);
  transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.faq-help:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(30,142,74,.18);border-color:var(--wa)}
.faq-help-ic{flex:none;width:44px;height:44px;border-radius:12px;background:var(--wa);color:#fff;display:grid;place-items:center}
.faq-help-ic svg{width:22px;height:22px}
.faq-help-tx{flex:1;display:flex;flex-direction:column;line-height:1.3}
.faq-help-tx b{font-size:14.5px;color:var(--ink)}
.faq-help-tx small{font-size:12.5px;color:var(--mute)}
.faq-help-go{color:var(--wa);font-size:14px;transition:transform .25s var(--ease)}
.faq-help:hover .faq-help-go{transform:translateX(4px)}

.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{position:relative;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:0 1px 0 rgba(13,27,42,.03);transition:border-color .25s,box-shadow .25s,transform .25s}
.faq-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold-grad);
  transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease)}
.faq-item:hover{border-color:rgba(197,167,94,.45)}
.faq-item[open]{border-color:rgba(197,167,94,.5);box-shadow:0 18px 44px rgba(13,27,42,.10)}
.faq-item[open]::before{transform:scaleY(1)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:19px 22px;
  font-weight:700;font-size:16px;color:var(--ink)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-num{flex:none;font-size:13px;font-weight:800;color:var(--gold-lo);font-variant-numeric:tabular-nums;
  background:var(--gold-soft);width:34px;height:34px;border-radius:9px;display:grid;place-items:center;transition:.25s}
.faq-item[open] .faq-num{background:var(--gold-grad);color:var(--navy-900)}
.faq-q{flex:1;line-height:1.35}
.faq-ic{flex:none;width:32px;height:32px;border-radius:50%;background:var(--gold-soft);border:1px solid rgba(197,167,94,.28);
  color:var(--gold-lo);display:inline-flex;align-items:center;justify-content:center;
  transition:transform .3s var(--ease),background .25s,color .25s,border-color .25s}
.faq-ic i{font-size:12px;line-height:1}
.faq-item:hover .faq-ic{border-color:var(--gold);color:var(--gold)}
.faq-item[open] .faq-ic{transform:rotate(180deg);background:var(--navy-800);border-color:var(--navy-800);color:var(--gold-hi)}
.faq-ans{padding:0 22px 22px 72px;color:var(--ink-2);font-size:15px;line-height:1.72}
.faq-ans p{margin:0;animation:faqIn .32s var(--ease)}
@keyframes faqIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

@media (max-width:920px){
  .faq-layout{grid-template-columns:1fr;gap:26px}
  .faq-aside{position:static}
  .faq-ans{padding-left:22px}
}


.areas-carousel{position:relative}
.areas-swiper{overflow:hidden;padding:6px 2px}
.areas-nav{position:absolute;top:50%;transform:translateY(-50%) scale(.85);z-index:10;width:48px;height:48px;border-radius:50%;
  background:rgba(13,27,42,.72);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line-d2);
  color:#fff;display:grid;place-items:center;cursor:pointer;font-size:15px;opacity:0;visibility:hidden;
  transition:opacity .28s var(--ease),transform .28s var(--ease),background .2s,color .2s}
.areas-prev{left:6px} .areas-next{right:6px}
.areas-carousel.show-nav .areas-nav{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}
.areas-nav:hover{background:var(--gold-grad);color:var(--navy-900);border-color:transparent}
.areas-nav.swiper-button-disabled{opacity:0!important;visibility:hidden!important}
@media (max-width:760px){ .areas-nav{display:none} }   


@media (max-width:980px){
  .btn-wa-head{display:none !important}
  .brand img{height:44px}
  .site-head.scrolled .brand img{height:44px}
  .site-head .wrap{padding-left:16px;padding-right:16px;gap:10px}
  .head-search-btn{width:44px;height:44px}
}


@media (max-width:760px){
  .hero{padding-bottom:40px}
  .hero-figure{margin-bottom:20px}
  .hero-circle{width:min(196px,54%)}
  .hero-badges{margin:2px 0 16px}
  .hero h1{margin-top:2px}
  .hero-sub{margin-top:14px;margin-bottom:0}
  .hsearch{margin-top:24px}
  .hsearch-sub{margin-top:16px}
}


.ai-fab{position:fixed;right:22px;bottom:22px;z-index:97;display:inline-flex;align-items:center;gap:10px;padding:13px 20px 13px 13px;border-radius:999px;background:var(--gold-grad);color:var(--navy-900);font-weight:800;font-size:14.5px;box-shadow:0 16px 42px rgba(197,167,94,.5);transition:transform .25s var(--ease),opacity .2s,visibility .2s;border:0;cursor:pointer}
.ai-fab:hover{transform:translateY(-3px)}
.ai-fab.hidden{opacity:0;visibility:hidden;transform:scale(.7)}
.ai-fab-ic{width:34px;height:34px;border-radius:50%;background:var(--navy-900);color:var(--gold-hi);display:flex;align-items:center;justify-content:center;font-size:16px;flex:none}
.ai-fab-pulse{position:absolute;inset:0;border-radius:999px;border:2px solid var(--gold);animation:waPulse 2.6s ease-out infinite;pointer-events:none}

.wa-float{bottom:96px}
.fav-fab{bottom:162px}
@media (max-width:860px){
  .ai-fab{bottom:calc(var(--tabbar-h) + 14px);right:14px}
  .fav-fab{bottom:calc(var(--tabbar-h) + 80px);right:14px}
}
@media (max-width:560px){.ai-fab-txt{display:none}.ai-fab{padding:14px}}

.ai-panel{position:fixed;right:22px;bottom:22px;z-index:98;width:392px;max-width:calc(100vw - 28px);height:min(640px,82vh);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 40px 100px rgba(8,13,20,.5);display:flex;flex-direction:column;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(24px) scale(.98);transition:.3s var(--ease)}
.ai-panel.open{opacity:1;visibility:visible;transform:none}
@media (max-width:560px){.ai-panel{right:0;left:0;bottom:0;width:100%;max-width:100%;height:90vh;border-radius:22px 22px 0 0}}
.ai-head{background:radial-gradient(460px 200px at 82% -40%,rgba(197,167,94,.4),transparent),linear-gradient(135deg,var(--navy-700),var(--navy-900));color:#fff;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.ai-head-id{display:flex;align-items:center;gap:11px}
.ai-avatar{width:42px;height:42px;border-radius:50%;background:var(--gold-grad);color:var(--navy-900);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.ai-head-txt strong{display:block;font-size:15px;color:#fff}
.ai-head-txt small{font-size:12px;color:var(--on-navy-2);display:flex;align-items:center;gap:6px}
.ai-dot{width:8px;height:8px;border-radius:50%;background:#46c97e;box-shadow:0 0 8px #46c97e;display:inline-block}
.ai-close{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:flex;align-items:center;justify-content:center;flex:none}
.ai-close:hover{background:rgba(255,255,255,.22)}
.ai-msgs{flex:1;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:12px;background:var(--paper)}
.ai-msg{max-width:88%;padding:12px 14px;border-radius:16px;font-size:14.5px;line-height:1.55;word-wrap:break-word}
.ai-bot{align-self:flex-start;background:#fff;border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:5px;box-shadow:var(--shadow-sm)}
.ai-user{align-self:flex-end;background:var(--navy-800);color:#fff;border-bottom-right-radius:5px}
.ai-typing-wrap{padding:14px 16px}
.ai-typing{display:inline-flex;gap:4px}
.ai-typing i{width:7px;height:7px;border-radius:50%;background:var(--mute);animation:aiBlink 1.2s infinite}
.ai-typing i:nth-child(2){animation-delay:.2s}.ai-typing i:nth-child(3){animation-delay:.4s}
@keyframes aiBlink{0%,60%,100%{opacity:.25}30%{opacity:1}}
.ai-pcards{display:flex;flex-direction:column;gap:10px;margin-top:11px}
.ai-pcard{display:flex;gap:11px;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:9px;transition:transform .2s,border-color .2s}
.ai-pcard:hover{border-color:var(--gold);transform:translateY(-2px)}
.ai-pcard img{width:90px;height:72px;object-fit:cover;border-radius:10px;flex:none}
.ai-pcard-b{min-width:0;display:flex;flex-direction:column;gap:2px}
.ai-pcard-b b{font-size:13.5px;color:var(--ink);line-height:1.25}
.ai-ploc{font-size:11.5px;color:var(--mute)}
.ai-ploc i{color:var(--gold-lo)}
.ai-pprice{font-size:14px;font-weight:800;color:var(--gold-lo)}
.ai-pspecs{display:flex;gap:10px;font-size:11.5px;color:var(--ink-2);margin-top:2px}
.ai-pspecs i{color:var(--gold-lo)}
.ai-chips{display:flex;flex-wrap:wrap;gap:7px;padding:0 14px 10px;background:var(--paper)}
.ai-chip{font-size:12.5px;font-weight:600;color:var(--navy-800);background:#fff;border:1px solid var(--line-2);border-radius:999px;padding:8px 13px;cursor:pointer;transition:.2s}
.ai-chip:hover{border-color:var(--gold);color:var(--gold-lo)}
.ai-input{display:flex;align-items:center;gap:8px;padding:11px 12px;border-top:1px solid var(--line);background:#fff}
.ai-input input{flex:1;border:1.5px solid var(--line-2);border-radius:999px;padding:12px 16px;font-size:14.5px;outline:0;min-width:0}
.ai-input input:focus{border-color:var(--gold)}
.ai-input button{width:44px;height:44px;border-radius:50%;background:var(--gold-grad);color:var(--navy-900);display:flex;align-items:center;justify-content:center;flex:none;font-size:16px;border:0;cursor:pointer}
.ai-foot{font-size:11px;color:var(--mute);text-align:center;padding:0 0 9px;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px}
.ai-foot i{color:var(--gold-lo)}
.ai-leadform{display:flex;flex-direction:column;gap:8px}
.ai-leadform p{margin:0 0 2px;font-size:14px}
.ai-leadform input{border:1.5px solid var(--line-2);border-radius:10px;padding:11px 13px;font-size:14px;outline:0}
.ai-leadform input:focus{border-color:var(--gold)}
.ai-lf-go{background:var(--wa);color:#fff;border:0;border-radius:10px;padding:12px;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.ai-lf-go:hover{background:var(--wa-hi)}
.ai-lf-msg{color:#cc3333;font-size:12px}


.cat-filter{
  display:flex;align-items:center;gap:20px;margin-bottom:36px;
  padding:14px 18px;border-radius:18px;
  background:linear-gradient(135deg, rgba(197,167,94,.04), rgba(197,167,94,.02));
  border:1px solid rgba(197,167,94,.15);
}
.cat-filter-lbl{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
  padding-right:18px;
  font-size:11.5px;font-weight:800;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-2,#586475);
  border-right:1px solid rgba(197,167,94,.2);
}
.cat-filter-lbl i{
  width:30px;height:30px;border-radius:9px;
  background:var(--gold-soft, rgba(197,167,94,.12));
  color:var(--gold-lo,#c5a75e);font-size:13px;
  display:grid;place-items:center;
}

.cat-bar{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px}
.cat-scroll{
  flex:1 1 auto;min-width:0;display:flex;align-items:stretch;gap:8px;
  overflow-x:auto;padding:4px 1px;scrollbar-width:none;-ms-overflow-style:none;
  -webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);
          mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);
}
.cat-scroll::-webkit-scrollbar{display:none}


.cat-chip{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;
  padding:9px 16px 9px 9px;border-radius:99px;
  border:1.5px solid var(--line-2);background:#fff;
  color:var(--ink-2);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;
  cursor:pointer;
  transition:transform .18s var(--ease), border-color .2s, background .2s, color .2s, box-shadow .2s;
  box-shadow:0 1px 2px rgba(13,27,42,.04);
}
.cat-chip .cc-ic{
  flex:none;display:grid;place-items:center;
  width:28px;height:28px;border-radius:50%;
  background:var(--gold-soft, rgba(197,167,94,.12));
  transition:background .2s, transform .2s var(--ease);
}
.cat-chip .cc-ic i{font-size:13px;color:var(--gold-lo,#c5a75e);transition:color .2s}
.cat-chip .cc-lbl{white-space:nowrap}
.cat-chip:hover{
  border-color:var(--gold,#c5a75e);
  color:var(--navy-800,#0d1b2a);
  transform:translateY(-1.5px);
  box-shadow:0 6px 18px rgba(13,27,42,.08);
}
.cat-chip:hover .cc-ic{transform:scale(1.08)}
.cat-chip.is-active{
  background:linear-gradient(135deg,#e0c688,#c5a75e);
  border-color:transparent;color:var(--navy-900,#0d1b2a);font-weight:800;
  box-shadow:0 8px 22px rgba(197,167,94,.4);
  transform:translateY(-1px);
}
.cat-chip.is-active .cc-ic{background:rgba(13,27,42,.18)}
.cat-chip.is-active .cc-ic i{color:var(--navy-900,#0d1b2a)}


.cat-next{
  flex:0 0 auto;width:40px;height:40px;border-radius:50%;
  border:1.5px solid var(--line-2);background:#fff;
  color:var(--navy-800);cursor:pointer;
  display:grid;place-items:center;font-size:13px;
  transition:border-color .2s, color .2s, background .2s, transform .2s;
  box-shadow:0 2px 6px rgba(13,27,42,.06);
}
.cat-next:hover{
  border-color:var(--gold,#c5a75e);
  color:var(--gold-lo,#c5a75e);
  background:rgba(197,167,94,.06);
  transform:translateX(2px);
}


.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.featured-grid .fg-item{min-width:0}

.featured-grid .pcard{height:100%}


.fc-more-wrap{display:flex;justify-content:center;margin-top:30px}
.fc-more-wrap[hidden]{display:none}
.fc-more{gap:9px}


.fc-empty{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;
  padding:54px 20px;border:1.5px dashed var(--line-2);border-radius:18px;background:var(--gold-soft)}
.fc-empty[hidden]{display:none}
.fc-empty i{font-size:30px;color:var(--gold-lo)}
.fc-empty p{margin:0;font-size:15px;font-weight:700;color:var(--ink-2)}
.btn.btn-sm{padding:10px 18px;font-size:13.5px}

@media(max-width:980px){ .featured-grid{grid-template-columns:repeat(2,1fr);gap:20px} }
@media(max-width:640px){ .featured-grid{grid-template-columns:1fr;gap:18px} }

@media(max-width:760px){
  .cat-filter{flex-direction:column;align-items:flex-start;gap:12px}
  .cat-filter-lbl{padding-left:2px}
  .cat-bar{width:100%}
  .cat-next{display:none}                
  .cat-scroll{mask-image:none;-webkit-mask-image:none}
}


@media(min-width:861px){
  .wa-float{bottom:24px}
  .fav-fab{bottom:90px}
}

.pcard-media-wrap{
  position:relative;
  width:100%;
  height:240px;
  max-height:300px;
  flex:none;
  overflow:hidden;
}
.pcard-media-wrap .pcard-media{
  aspect-ratio:auto !important;
  width:100%;
  height:100%;
  display:block;
}
.pcard-media-wrap .pcard-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
@media (max-width:980px){.pcard-media-wrap{height:220px}}
@media (max-width:640px){.pcard-media-wrap{height:200px}}
.pcard .pfav{
  position:absolute;
  left:auto;right:14px;top:auto;bottom:12px;
  width:auto;height:auto;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  font-size:20px;
  color:#fff;
  text-shadow:0 2px 6px rgba(0,0,0,.6), 0 0 14px rgba(0,0,0,.35);
  transition:transform .2s var(--ease),color .2s;
  z-index:5;
}
.pcard .pfav i{color:#fff;transition:color .2s}
.pcard .pfav:hover{transform:scale(1.15)}
.pcard .pfav.on{color:var(--gold,#c5a75e);background:transparent}
.pcard .pfav.on i{color:var(--gold,#c5a75e)}
.pcard-media .pbadge{left:auto;right:12px}


.fav-fab{left:22px;right:auto}
@media (max-width:860px){ .fav-fab{left:14px;right:auto} }


.cmdk-bd{
  background:radial-gradient(130% 110% at 50% -10%,rgba(18,36,53,.74),rgba(4,8,13,.90));
  backdrop-filter:blur(16px) saturate(125%);-webkit-backdrop-filter:blur(16px) saturate(125%);
  padding:12vh 18px 18px}
@media (max-width:560px){ .cmdk-bd{padding:7vh 14px 14px;align-items:flex-start} }

.cmdk{
  position:relative;width:100%;max-width:640px;overflow:visible;
  background:linear-gradient(180deg,rgba(22,39,57,.92) 0%,rgba(11,21,33,.96) 100%);
  border:1px solid rgba(255,255,255,.07);border-radius:26px;
  box-shadow:0 50px 130px rgba(0,0,0,.62),0 2px 0 rgba(255,255,255,.05) inset,
             0 0 60px rgba(197,167,94,.06);
  -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);
  transform:translateY(20px) scale(.96);opacity:0;
  transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .3s ease}
.cmdk-bd.open .cmdk{transform:none;opacity:1}


.cmdk::before{content:"";position:absolute;inset:-1px;border-radius:27px;padding:1.4px;
  background:linear-gradient(115deg,rgba(197,167,94,0) 18%,rgba(224,198,136,.85) 38%,
            rgba(197,167,94,0) 55%,rgba(224,198,136,.55) 78%,rgba(197,167,94,0) 92%);
  background-size:280% 280%;animation:cmdkBorder 7s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  pointer-events:none;opacity:.9}
@keyframes cmdkBorder{0%{background-position:0% 50%}100%{background-position:280% 50%}}


.cmdk-glow{position:absolute;inset:0;border-radius:26px;overflow:hidden;pointer-events:none}
.cmdk-glow::before{content:"";position:absolute;top:-55%;left:50%;width:65%;height:90%;
  transform:translateX(-50%);
  background:radial-gradient(circle at 50% 50%,rgba(197,167,94,.35),transparent 68%);
  filter:blur(46px);opacity:.65}
.cmdk-glow::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(224,198,136,.55),transparent)}


.cmdk-grid{position:absolute;inset:0;border-radius:26px;overflow:hidden;pointer-events:none;opacity:.5}
.cmdk-grid::before{content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:30px 30px;
  -webkit-mask:radial-gradient(120% 80% at 50% 0%,#000,transparent 75%);
          mask:radial-gradient(120% 80% at 50% 0%,#000,transparent 75%)}


.cmdk-bar{position:relative;z-index:2;display:flex;align-items:center;gap:14px;
  padding:13px 13px 13px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.cmdk-lupa{flex:none;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;
  font-size:16px;color:var(--gold-hi);
  background:linear-gradient(145deg,rgba(197,167,94,.22),rgba(197,167,94,.06));
  border:1px solid rgba(197,167,94,.22);box-shadow:0 0 18px rgba(197,167,94,.16)}
.cmdk-input{flex:1;min-width:0;border:0;outline:0;background:none;
  font-size:18px;font-weight:500;letter-spacing:-.01em;color:#fff;padding:14px 2px}
.cmdk-input::placeholder{color:rgba(204,214,224,.42)}
.cmdk-esc{flex:none;background:none;border:0;padding:0;cursor:pointer}
.cmdk-esc kbd,.cmdk-foot kbd{display:inline-grid;place-items:center;min-width:24px;height:24px;
  padding:0 7px;border-radius:7px;font:700 11px/1 ui-monospace,monospace;letter-spacing:.04em;
  color:#cdd8e4;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  box-shadow:0 2px 0 rgba(0,0,0,.25)}
.cmdk-esc:hover kbd{color:var(--gold-hi);border-color:rgba(197,167,94,.5)}


.cmdk .ac-panel{position:static;background:transparent;box-shadow:none;border:0;border-radius:0;
  max-height:50vh;overflow-y:auto;opacity:1;visibility:visible;padding:6px}
.cmdk .ac-panel:empty{display:none}
.cmdk .ac-panel::-webkit-scrollbar{width:8px}
.cmdk .ac-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:8px}
.cmdk .ac-sec-lbl,.cmdk .ac-panel .ac-sec-title{color:rgba(204,214,224,.55)}
.cmdk .ac-item{position:relative;margin:2px 4px;padding:11px 14px;border-radius:14px;color:#eaf0f6;
  border:1px solid transparent;transition:background .16s,border-color .16s,transform .12s}
.cmdk .ac-item .ac-ic{width:38px;height:38px;border-radius:11px;
  background:linear-gradient(145deg,rgba(197,167,94,.18),rgba(197,167,94,.05));
  color:var(--gold-hi);border:1px solid rgba(197,167,94,.18)}
.cmdk .ac-item .ac-main b{color:#fff}
.cmdk .ac-item .ac-main small{color:rgba(204,214,224,.55)}
.cmdk .ac-item .ac-price{color:var(--gold-hi)}
.cmdk .ac-item img{border-radius:10px}
.cmdk .ac-item:hover,.cmdk .ac-item.sel{
  background:linear-gradient(90deg,rgba(197,167,94,.16),rgba(197,167,94,.03));
  border-color:rgba(197,167,94,.28);transform:translateX(2px)}
.cmdk .ac-item.sel::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;
  border-radius:3px;background:var(--gold-grad)}


.cmdk-quick{position:relative;z-index:2;padding:16px 18px;border-top:1px solid rgba(255,255,255,.07)}
.cmdk-quick-lbl{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(204,214,224,.5);margin-bottom:12px}
.cmdk-quick-lbl i{color:var(--gold-lo)}
.cmdk-chips{display:flex;flex-wrap:wrap;gap:9px}
.cmdk-chips .chip{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:12px;
  font-size:13px;font-weight:600;color:#dfe7ef;background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  transition:transform .2s var(--ease),background .2s,border-color .2s,color .2s,box-shadow .2s}
.cmdk-chips .chip i{color:var(--gold-lo);margin:0;transition:color .2s}
.cmdk-chips .chip:hover{transform:translateY(-2px);color:#fff;background:rgba(197,167,94,.14);
  border-color:rgba(197,167,94,.45);box-shadow:0 8px 22px rgba(197,167,94,.18)}
.cmdk-chips .chip:hover i{color:var(--gold-hi)}


.cmdk-foot{position:relative;z-index:2;display:flex;align-items:center;gap:16px;flex-wrap:wrap;
  padding:11px 18px;border-top:1px solid rgba(255,255,255,.06);
  background:rgba(0,0,0,.18);border-radius:0 0 26px 26px}
.cmdk-foot-hint{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;
  color:rgba(204,214,224,.5)}
.cmdk-foot-brand{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-size:11.5px;
  font-weight:800;letter-spacing:.04em;color:var(--gold-hi)}
.cmdk-foot-brand i{font-size:11px}
@media (max-width:560px){
  .cmdk-foot-hint:nth-of-type(1),
  .cmdk-foot-hint:nth-of-type(2){display:none}        
  .cmdk-input{font-size:16px}
}


.fav-fab{display:none!important}                 

.head-fav-btn{position:relative;display:none;width:46px;height:46px;border-radius:13px;
  background:rgba(255,255,255,.08);border:1px solid var(--line-d2);color:var(--on-navy);
  align-items:center;justify-content:center;font-size:16px;cursor:pointer;
  transition:transform .2s var(--ease),background .2s,color .2s,box-shadow .2s}
.head-fav-btn i{transition:transform .2s var(--ease)}
.head-fav-btn:hover{background:rgba(197,167,94,.16);border-color:rgba(197,167,94,.5);color:var(--gold-hi);transform:translateY(-1px)}
.head-fav-btn:hover i{transform:scale(1.12)}
.head-fav-btn.has-favs i{color:var(--gold-hi)}      
.head-fav-count{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;
  border-radius:10px;background:var(--gold-grad);color:var(--navy-900);
  font-size:11px;font-weight:800;line-height:1;display:grid;place-items:center;
  border:2px solid var(--navy-800);box-shadow:0 4px 10px rgba(197,167,94,.4)}


.site-head.scrolled .head-fav-btn.has-favs{display:inline-flex;animation:favPop .3s var(--ease)}
@media (max-width:980px){
  .head-fav-btn{width:44px;height:44px}
  .head-fav-btn.has-favs{display:inline-flex}
}


.hsearch-bar .btn span{display:inline}
.hsearch-more{display:inline-flex;align-items:center;gap:9px;margin-top:12px;padding:10px 16px;border-radius:999px;
  background:rgba(255,255,255,.08);border:1px solid var(--line-d2);color:var(--on-navy);
  font-size:13.5px;font-weight:700;cursor:pointer;backdrop-filter:blur(6px);transition:.2s}
.hsearch-more:hover{background:rgba(255,255,255,.14);border-color:var(--gold);color:var(--gold-hi)}
.hsearch-more .hs-caret{font-size:11px;transition:transform .25s var(--ease)}
.hsearch-more.open .hs-caret{transform:rotate(180deg)}
.hsearch-more .hs-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:var(--gold-grad);color:var(--navy-900);font-size:11px;font-weight:800;line-height:1}

.hsearch-adv{margin-top:12px;background:#fff;border-radius:18px;box-shadow:var(--shadow-lg);padding:20px;animation:hsAdvIn .25s var(--ease)}
.hsearch-adv[hidden]{display:none}
@keyframes hsAdvIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.hsadv-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr 1.4fr;gap:20px;align-items:start}
.hsadv-fld>label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.hsadv-fld>label i{color:var(--gold-lo)}
.hs-selwrap select{width:100%;border:1.5px solid var(--line-2);outline:0;background:#fff;border-radius:11px;padding:12px 14px;
  font-size:14.5px;font-weight:600;color:var(--navy-800);cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239c8345' stroke-width='3'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.hs-selwrap select:focus{border-color:var(--gold)}


.hs-seg{display:flex;gap:6px;background:var(--paper);border:1.5px solid var(--line-2);border-radius:12px;padding:4px}
.hs-seg button{flex:1;border:0;background:none;border-radius:9px;padding:9px 4px;font-size:13.5px;font-weight:700;color:var(--ink-2);cursor:pointer;transition:.18s}
.hs-seg button:hover{color:var(--navy-800)}
.hs-seg button.on{background:var(--navy-800);color:#fff;box-shadow:0 4px 12px rgba(13,27,42,.25)}


.hsadv-price label .hs-price-out{margin-left:auto;color:var(--gold-lo);font-weight:800;letter-spacing:0;text-transform:none;font-size:12.5px}
.hsadv-price>label{justify-content:flex-start}
.hs-range{position:relative;height:34px;margin-top:4px}
.hs-range-rail{position:absolute;top:50%;left:6px;right:6px;height:6px;transform:translateY(-50%);background:var(--line-2);border-radius:6px}
.hs-range-fill{position:absolute;top:0;bottom:0;background:var(--gold-grad);border-radius:6px}
.hs-range input[type=range]{position:absolute;top:0;left:0;width:100%;height:34px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;appearance:none}
.hs-range input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--gold);box-shadow:0 3px 10px rgba(13,27,42,.3);cursor:grab}
.hs-range input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}
.hs-range input[type=range]::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--gold);box-shadow:0 3px 10px rgba(13,27,42,.3);cursor:grab}
.hs-range input[type=range]::-webkit-slider-runnable-track{background:none}
.hs-range input[type=range]::-moz-range-track{background:none}

.hsadv-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.hs-clear{display:inline-flex;align-items:center;gap:7px;background:none;border:0;color:var(--mute);font-size:13.5px;font-weight:700;cursor:pointer;transition:color .2s}
.hs-clear:hover{color:var(--ink)}
.hsadv-foot .btn{flex:none}

@media (max-width:760px){
  .hsadv-grid{grid-template-columns:1fr;gap:16px}
  .hsearch-adv{padding:16px}
  .hsadv-foot{flex-direction:column-reverse;align-items:stretch}
  .hsadv-foot .btn{width:100%;justify-content:center}
  .hs-clear{padding:8px}
  .hsearch-more{width:100%;justify-content:center}
}


.wa-float.wa-hide{opacity:0;visibility:hidden;transform:translateY(24px) scale(.7);pointer-events:none}


button.office-item{padding:0;background:none;cursor:pointer;display:block;position:relative}
.office-item .office-zoom{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(180deg,rgba(13,27,42,0),rgba(13,27,42,.55));opacity:0;transition:opacity .3s var(--ease);color:#fff;font-size:22px}
.office-item:hover .office-zoom{opacity:1}
.office-item:hover img{transform:scale(1.06)}


.lightbox{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;
  background:rgba(6,11,18,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:5vh 4vw}
.lightbox[hidden]{display:none}
.lb-stage{margin:0;max-width:92vw;max-height:90vh;display:flex;align-items:center;justify-content:center}
.lb-stage img{max-width:92vw;max-height:90vh;width:auto;height:auto;border-radius:12px;
  box-shadow:0 40px 120px rgba(0,0,0,.7);object-fit:contain}
.lb-close{position:absolute;top:20px;right:22px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#fff;font-size:20px;cursor:pointer;display:grid;place-items:center;transition:.2s;z-index:2}
.lb-close:hover{background:var(--gold);color:var(--navy-900);border-color:var(--gold);transform:rotate(90deg)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;font-size:18px;cursor:pointer;
  display:grid;place-items:center;transition:.2s;z-index:2}
.lb-nav:hover{background:var(--gold);color:var(--navy-900);border-color:var(--gold)}
.lb-prev{left:max(14px,2vw)} .lb-next{right:max(14px,2vw)}
.lb-counter{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.85);
  font-size:13px;font-weight:700;letter-spacing:.08em;background:rgba(0,0,0,.4);padding:7px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.12)}
.lb-counter b,.lb-counter #lbCur{color:var(--gold-hi)}
@media(max-width:640px){ .lb-nav{width:44px;height:44px;font-size:15px} .lb-close{top:14px;right:14px;width:42px;height:42px} }



.hero-bg{opacity:.78;background-position:right center;background-image:var(--hbg)}
.hero-bg-grad{background:
  linear-gradient(90deg, var(--navy-900) 0%, rgba(13,27,42,.92) 24%, rgba(13,27,42,.55) 50%, rgba(13,27,42,.14) 76%, rgba(13,27,42,.34) 100%),
  linear-gradient(0deg, var(--navy-900) 0%, rgba(13,27,42,.10) 42%, transparent 60%)}

.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(46% 60% at 82% 38%, rgba(197,167,94,.12), transparent 70%)}
.hero .wrap{position:relative;z-index:3}


.hsearch-bar{border-radius:18px}
.hsearch-more{backdrop-filter:blur(8px)}


@media (max-width:760px){
  .hero-figure{display:none !important}
  .hero-bg,.hero-bg-grad{display:block !important}
  .hero{background:var(--navy-900);min-height:auto;
    padding-top:clamp(208px,42vh,360px);padding-bottom:34px}
  .hero::after{display:none}
  .hero-bg{opacity:1;background-position:50% top;background-size:cover;background-image:var(--hbgm,var(--hbg))}
  
  .hero-bg-grad{background:linear-gradient(180deg,
     rgba(13,27,42,.14) 0%, rgba(13,27,42,.02) 24%,
     rgba(13,27,42,.40) 46%, rgba(13,27,42,.86) 64%, var(--navy-900) 82%)}
  .hero-copy{text-align:left}
  
  .hero-badges{justify-content:flex-start;flex-wrap:nowrap;gap:8px}
  .hero-badge{padding:6px 11px;font-size:11.5px;white-space:nowrap}
  .hero-badge i{color:var(--gold)}
  .hsearch{text-align:left}
  .hsearch-sub{display:none}
  .hero h1{font-size:30px}
  
  .hsearch-bar{flex-wrap:nowrap}
  .hsearch-bar input{flex:1 1 auto;min-width:0}
  .hsearch-bar .btn{flex:0 0 auto}
  .hero-scroll-cue{display:none}
}


.tabbar a.tb-cta,.tabbar a.tb-cta .tb-ic i{color:#fff}


.tabbar{background:#0d1b2a;-webkit-backdrop-filter:none;backdrop-filter:none}


@media (max-width:760px){
  .foot-bottom{padding-bottom:40px}
}


.drawer-cities-lbl{padding:16px 22px 9px;margin-top:6px;border-top:1px solid var(--line-d);flex:none}
.drawer-cities{padding:8px 0 18px;overflow:hidden;flex:none}

.dcities-scroll{display:flex;width:max-content;gap:10px;padding:0 10px;overflow:visible;
  animation:dcMarquee 34s linear infinite}
.dcities-scroll:hover,.dcities-scroll:active{animation-play-state:paused}
@keyframes dcMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.dcity-card{flex:none;width:128px;height:80px;border-radius:14px;box-shadow:0 8px 20px rgba(8,13,20,.4)}
.dcity-shade{background:linear-gradient(180deg,rgba(13,27,42,.05) 30%,rgba(8,13,20,.82))}
.dcity-name{left:11px;right:11px;bottom:10px;font-size:13.5px;line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.55)}
@media (prefers-reduced-motion:reduce){.dcities-scroll{animation:none;overflow-x:auto}}


.sched-pick{width:100%;text-align:left;border:1.5px solid var(--line-2);background:#fff;border-radius:16px;
  padding:0;cursor:pointer;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.sched-pick:hover{border-color:var(--gold);box-shadow:0 8px 24px rgba(13,27,42,.10)}
.sched-pick-empty{display:flex;align-items:center;gap:14px;padding:16px 18px}
.sched-pick-empty[hidden],.sched-sel[hidden]{display:none}
.sched-pick-ic{flex:none;width:46px;height:46px;border-radius:13px;background:var(--gold-soft);
  border:1px solid rgba(197,167,94,.28);color:var(--gold-lo);display:flex;align-items:center;justify-content:center;font-size:19px}
.sched-pick-txt{display:flex;flex-direction:column;line-height:1.25}
.sched-pick-txt b{font-size:15px;color:var(--ink)}
.sched-pick-txt small{font-size:12.5px;color:var(--mute)}
.sched-pick-arr{margin-left:auto;color:var(--gold);font-size:15px}
.sched-sel{display:flex;align-items:stretch;gap:0;position:relative}
.sched-sel-media{flex:none;width:104px;background:#e9edf1 center/cover no-repeat}
.sched-sel-info{display:flex;flex-direction:column;justify-content:center;gap:3px;padding:13px 16px;min-width:0}
.sched-sel-code{font-size:11px;font-weight:800;letter-spacing:.06em;color:var(--gold-lo);text-transform:uppercase}
.sched-sel-title{font-size:15px;color:var(--ink);line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.sched-sel-loc{font-size:12.5px;color:var(--mute)}
.sched-sel-loc i{color:var(--gold);margin-right:3px}
.sched-sel-price{font-size:15px;font-weight:800;color:var(--ink);margin-top:2px}
.sched-sel-change{position:absolute;top:10px;right:12px;font-size:11.5px;font-weight:800;color:var(--gold-lo);
  background:var(--gold-soft);border:1px solid rgba(197,167,94,.3);border-radius:999px;padding:5px 11px}
.sched-help{display:inline-block;margin-top:9px;background:none;border:0;padding:0;cursor:pointer;
  font-size:12.5px;color:var(--mute);text-decoration:underline;text-underline-offset:2px}
.sched-help:hover{color:var(--gold-lo)}
.sched-help.on{color:#1e8e4a;font-weight:700;text-decoration:none}
.sched-slots{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px}
.sched-slots-lbl{font-size:12.5px;color:var(--mute);font-weight:600;margin-right:2px}
.sched-slot{border:1.5px solid var(--line-2);background:#fff;color:var(--ink);border-radius:999px;
  padding:8px 14px;font-size:13px;font-weight:700;cursor:pointer;transition:.18s;font-variant-numeric:tabular-nums}
.sched-slot:hover{border-color:var(--gold)}
.sched-slot.on{background:var(--gold-grad);border-color:transparent;color:var(--navy-900);box-shadow:0 6px 16px rgba(197,167,94,.32)}
.sched-done{text-align:center;padding:8px 4px}
.sched-done-ic{width:74px;height:74px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  color:#1e8e4a;background:rgba(30,142,74,.12);border:1px solid rgba(30,142,74,.26)}
.sched-done h2{font-size:25px;color:var(--ink);margin-bottom:10px}
.sched-done p{color:var(--mute);font-size:15.5px;line-height:1.6;max-width:420px;margin:0 auto 22px}
.sched-done .btn-wa{margin-bottom:16px}
.sched-done-link{display:inline-block;font-size:14px;font-weight:700;color:var(--gold-lo)}


.propick{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:24px}
.propick[hidden]{display:none}
.propick-bd{position:absolute;inset:0;background:rgba(6,11,18,.72);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:0;transition:opacity .22s}
.propick.open .propick-bd{opacity:1}
.propick-panel{position:relative;z-index:1;width:min(960px,100%);max-height:90vh;background:#fff;
  border-radius:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}
.propick-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}
.propick-title{font-size:18px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
.propick-title i{color:var(--gold-lo)}
.propick-close{width:40px;height:40px;border-radius:11px;border:1px solid var(--line-2);background:#fff;color:var(--ink);
  font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.18s}
.propick-close:hover{background:var(--navy-900);color:#fff;border-color:var(--navy-900)}
.propick-search{display:flex;align-items:center;gap:11px;margin:16px 22px 0;padding:13px 16px;
  border:1.5px solid var(--line-2);border-radius:14px;background:#f7f9fb}
.propick-search:focus-within{border-color:var(--gold);background:#fff}
.propick-search i{color:var(--gold-lo);font-size:15px}
.propick-search input{flex:1;border:0;background:none;outline:0;font-size:15px;color:var(--ink);min-width:0}
.propick-count{flex:none;font-size:12px;font-weight:800;color:var(--gold-lo);background:var(--gold-soft);
  border:1px solid rgba(197,167,94,.3);border-radius:999px;padding:4px 11px;font-variant-numeric:tabular-nums}
.propick-filters{padding:14px 22px 4px;display:flex;flex-direction:column;gap:11px}
.propick-frow{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.propick-frow-2{justify-content:space-between}
.ppf{border:1.5px solid var(--line-2);background:#fff;color:var(--ink);border-radius:999px;padding:7px 14px;
  font-size:12.5px;font-weight:700;cursor:pointer;transition:.16s;white-space:nowrap}
.ppf:hover{border-color:var(--gold)}
.ppf.on{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.propick-selwrap{position:relative;flex:1;min-width:160px}
.propick-selwrap select{width:100%;border:1.5px solid var(--line-2);border-radius:11px;padding:10px 13px;font-size:14px;
  color:var(--ink);background:#fff;outline:0;cursor:pointer}
.propick-selwrap select:focus{border-color:var(--gold)}
.propick-beds{display:flex;gap:5px;background:#f1f4f7;border-radius:11px;padding:4px}
.ppb{border:0;background:none;color:var(--mute);border-radius:8px;padding:7px 11px;font-size:12.5px;font-weight:800;cursor:pointer;transition:.15s}
.ppb.on{background:#fff;color:var(--navy-900);box-shadow:var(--shadow-sm)}
.propick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;
  padding:16px 22px 22px;overflow-y:auto;grid-auto-rows:max-content;align-content:start}
.ppcard{display:block;text-align:left;border:1.5px solid var(--line);background:#fff;
  border-radius:16px;overflow:hidden;cursor:pointer;padding:0;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;position:relative}
.ppcard:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--gold)}
.ppcard-media{display:block;flex:none;height:130px;background:#e9edf1 center/cover no-repeat;position:relative}
.ppcard-cat{position:absolute;left:9px;top:9px;font-size:10.5px;font-weight:800;letter-spacing:.02em;color:var(--navy-900);
  background:rgba(255,255,255,.92);border-radius:999px;padding:4px 10px;backdrop-filter:blur(4px)}
.ppcard-body{display:flex;flex-direction:column;gap:5px;padding:12px 13px 14px}
.ppcard-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ppcard-code{font-size:10.5px;font-weight:800;letter-spacing:.05em;color:var(--gold-lo);text-transform:uppercase}
.ppcard-loc{font-size:11px;color:var(--mute);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ppcard-loc i{color:var(--gold);margin-right:2px}
.ppcard-title{font-size:14px;font-weight:700;color:var(--ink);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}
.ppcard-price{font-size:16px;font-weight:800;color:var(--ink)}
.ppcard-specs{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--mute);margin-top:2px}
.ppcard-specs i{color:var(--gold-lo);margin-right:3px}
.ppcard-pick{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:800;
  color:var(--gold-lo);padding:10px;border-top:1px solid var(--line);background:var(--gold-soft);opacity:0;transition:.2s}
.ppcard:hover .ppcard-pick{opacity:1}
.propick-empty{grid-column:1/-1;text-align:center;color:var(--mute);padding:40px 10px;font-size:15px}
@media (max-width:680px){
  .propick{padding:0}
  .propick-panel{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}
  .propick-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px;padding:14px}
  .ppcard-media{height:104px;flex:none}
  .ppcard-pick{opacity:1}
  .propick-frow-2{flex-direction:column;align-items:stretch}
  .propick-beds{justify-content:space-between}
}


.hc-section{position:relative;overflow:hidden;
  background:
    radial-gradient(900px 480px at 12% 0%,rgba(197,167,94,.16),transparent 62%),
    radial-gradient(900px 560px at 100% 100%,rgba(38,64,99,.40),transparent 60%),
    linear-gradient(135deg,#0c1a29 0%,#102339 52%,#0a1521 100%)}
.hc-card{position:relative;width:100%;overflow:hidden;border-radius:26px;
  padding:clamp(28px,4.4vw,58px);
  background:linear-gradient(150deg,#f3e9d6 0%,#fbf6ee 42%,#ffffff 100%);
  border:1px solid rgba(197,167,94,.45);
  box-shadow:0 44px 100px rgba(4,9,16,.55),inset 0 1px 0 rgba(255,255,255,.7)}

.hc-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--gold-grad)}

.hc-corner{position:absolute;width:54px;height:54px;pointer-events:none;opacity:.55}
.hc-corner-tl{top:18px;left:18px;border-top:2px solid var(--gold);border-left:2px solid var(--gold);border-top-left-radius:14px}
.hc-corner-br{bottom:18px;right:18px;border-bottom:2px solid var(--gold);border-right:2px solid var(--gold);border-bottom-right-radius:14px}

.hc-form{display:grid;grid-template-columns:0.92fr 1.08fr;gap:clamp(28px,4vw,60px);align-items:center}
.hc-form[hidden]{display:none}


.hc-aside{min-width:0}
.hc-eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-lo);margin-bottom:14px}
.hc-title{font-size:clamp(26px,3.2vw,38px);font-weight:900;letter-spacing:-.025em;line-height:1.1;color:var(--ink);margin-bottom:14px}
.hc-sub{color:#5a6675;font-size:15.5px;line-height:1.65;max-width:420px}
.hc-divider{display:block;width:64px;height:3px;border-radius:2px;background:var(--gold-grad);margin:26px 0 4px}


.hc-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hc-field{display:flex;flex-direction:column;gap:7px}
.hc-field.full{grid-column:1/-1}
.hc-field label{font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-lo)}
.hc-opt{color:var(--mute);font-weight:600;text-transform:none;letter-spacing:0}
.hc-input{display:flex;align-items:center;background:#fff;border:1.5px solid rgba(13,27,42,.12);
  border-radius:13px;padding:0 16px;transition:border-color .2s,box-shadow .2s}
.hc-input input,.hc-input textarea{flex:1;width:100%;background:none;border:0;outline:0;color:var(--ink);
  font-size:15px;font-family:inherit;padding:13px 0;min-width:0}
.hc-input input::placeholder,.hc-input textarea::placeholder{color:#9aa6b2}
.hc-input textarea{resize:vertical;min-height:88px;line-height:1.55;padding-top:13px}
.hc-input-area{align-items:stretch}
.hc-input:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(197,167,94,.2)}

.hc-submit{margin-top:18px;font-size:16px}
.hc-note{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:13px;
  font-size:12.5px;color:#8a93a0;text-align:center}
.hc-note svg{color:var(--gold-lo);flex:none}

.hc-msg{margin-bottom:14px;padding:12px 15px;border-radius:12px;font-size:13.5px;font-weight:600;display:block}
.hc-msg.err{background:rgba(204,51,51,.08);color:#c0392b;border:1px solid rgba(204,51,51,.25)}
.hc-msg[hidden]{display:none}
.hc-done[hidden]{display:none}

.hc-done{text-align:center;padding:14px 4px 6px}
.hc-done-ic{width:78px;height:78px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  color:#1e8e4a;background:rgba(30,142,74,.1);border:1px solid rgba(30,142,74,.26)}
.hc-done h3{font-size:24px;color:var(--ink);margin-bottom:10px}
.hc-done p{color:#5a6675;font-size:15px;line-height:1.6;max-width:420px;margin:0 auto 22px}

@media (max-width:860px){
  .hc-form{grid-template-columns:1fr;gap:26px}
  .hc-aside{text-align:center}
  .hc-aside .hc-sub{margin:0 auto}
  .hc-divider{margin-left:auto;margin-right:auto}
}
@media (max-width:520px){
  .hc-fields{grid-template-columns:1fr}
  .hc-card{border-radius:20px}
  .hc-corner{display:none}
}


.head-soc{display:flex;align-items:center;gap:6px;margin-right:4px}
.head-soc a{
  width:36px;height:36px;border-radius:10px;
  display:inline-flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid var(--line-d2, rgba(255,255,255,.12));
  color:var(--on-navy,#e7eef7);
  font-size:14px;
  transition:transform .2s var(--ease),background .2s,color .2s,border-color .2s;
}
.head-soc a:hover{background:var(--gold);color:var(--navy-900);border-color:var(--gold);transform:translateY(-2px)}
.site-head.scrolled .head-soc a{background:rgba(255,255,255,.07)}
@media (max-width:1080px){.head-soc a{width:34px;height:34px;font-size:13px}}
@media (max-width:980px){.head-soc{display:none}}

.drawer-soc{
  display:flex;justify-content:center;align-items:center;gap:10px;
  margin:14px 0 6px;
}
.drawer-soc a{
  width:44px;height:44px;border-radius:12px;
  display:inline-flex;align-items:center;justify-content:center;
  background:#0f1d2f;
  border:1px solid rgba(255,255,255,.08);
  color:#e7eef7;
  font-size:17px;
  transition:.2s var(--ease);
}
.drawer-soc a:hover{background:var(--gold);color:var(--navy-900);border-color:var(--gold);transform:translateY(-2px)}


.site-head.scrolled .head-search-btn{
  background:#c5a75e;
  color:var(--navy-900);
  border-color:#c5a75e;
  box-shadow:0 6px 18px rgba(197,167,94,.35);
}
.site-head.scrolled .head-search-btn:hover{
  background:#d4b873;
  color:var(--navy-900);
  border-color:#d4b873;
}


.about-text{font-size:15.5px;line-height:1.7;color:inherit;margin-top:22px}
.about-body h2 + .about-text{margin-top:26px}
.about-text p{margin:0 0 12px}
.about-text p:last-child{margin-bottom:0}
.about-text strong,.about-text b{font-weight:700;color:inherit}
.about-text em,.about-text i{font-style:italic}
.about-text u{text-decoration:underline}
.about-text a{color:var(--gold-hi,#d4b873);text-decoration:underline;text-underline-offset:2px}
.about-text a:hover{color:var(--gold,#c5a75e)}
.about-text ul,.about-text ol{margin:8px 0 14px;padding-left:22px}
.about-text li{margin:4px 0}
.about-text h2,.about-text h3,.about-text h4{margin:14px 0 8px;font-weight:800;line-height:1.25}
.about-text blockquote{margin:12px 0;padding:8px 14px;border-left:3px solid var(--gold,#c5a75e);background:rgba(197,167,94,.06);font-style:italic}
.about-text hr{border:0;border-top:1px solid rgba(0,0,0,.08);margin:16px 0}


.tst-sec{position:relative;overflow:hidden}
.tst-carousel{position:relative;padding:0 4px}
.tst-swiper{padding:30px 4px 70px;overflow:hidden}
.tst-card{
  background:#fff;
  border:1px solid rgba(13,27,42,.08);
  border-radius:22px;
  padding:38px 30px 30px;
  position:relative;
  display:flex;flex-direction:column;
  height:auto;
  min-height:340px;
  transition:transform .35s var(--ease), border-color .35s var(--ease);
}
.tst-card::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg, transparent, var(--gold,#c5a75e) 50%, transparent);
  border-radius:22px 22px 0 0;
  opacity:.6;
}
.tst-card:hover{transform:translateY(-4px);border-color:rgba(197,167,94,.45)}
.tst-quote-mark{
  position:absolute;top:18px;right:24px;
  font-size:38px;color:var(--gold,#c5a75e);
  opacity:.18;line-height:1;
}
.tst-stars{display:flex;gap:3px;color:var(--gold,#c5a75e);font-size:14px;margin-bottom:14px}
.tst-msg{
  font-size:15px;line-height:1.65;
  color:#2a3645;
  margin:0 0 22px;flex:1;
  font-weight:400;
  letter-spacing:.01em;
}
.tst-person{
  display:flex;align-items:center;gap:14px;
  padding-top:18px;
  border-top:1px solid rgba(13,27,42,.07);
}
.tst-photo{
  position:relative;
  width:58px;height:58px;border-radius:50%;
  overflow:hidden;flex:none;
  background:linear-gradient(135deg, var(--navy-900,#0d1b2a), #1a2d44);
  border:2px solid var(--gold,#c5a75e);
  box-shadow:0 4px 12px rgba(197,167,94,.25);
}
.tst-photo img{width:100%;height:100%;object-fit:cover;display:block}
.tst-photo-ph{
  display:flex;align-items:center;justify-content:center;
  width:100%;height:100%;
  color:var(--gold,#c5a75e);font-weight:700;font-size:22px;
}
.tst-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.tst-meta b{font-size:14.5px;font-weight:800;color:var(--navy-900,#0d1b2a);line-height:1.2}
.tst-meta span{font-size:12.5px;color:#5a6776;line-height:1.35;font-weight:500}
.tst-meta small{font-size:11.5px;color:var(--gold-hi,#d4b873);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:3px;display:flex;align-items:center;gap:5px}
.tst-meta small i{font-size:10px}


.tst-pager{
  display:flex;justify-content:center;gap:7px;margin-top:42px;
  position:relative;z-index:2;
}
.tst-pager .swiper-pagination-bullet{
  width:8px;height:8px;background:rgba(13,27,42,.18);opacity:1;
  border-radius:50%;transition:.25s;
}
.tst-pager .swiper-pagination-bullet-active{
  background:var(--gold,#c5a75e);
  width:28px;border-radius:99px;
}


.tst-nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:46px;height:46px;border-radius:50%;
  background:#fff;color:var(--navy-900,#0d1b2a);
  border:1px solid rgba(13,27,42,.08);
  box-shadow:0 8px 22px rgba(13,27,42,.12);
  display:grid;place-items:center;cursor:pointer;
  transition:.2s var(--ease);font-size:14px;
}
.tst-prev{left:-22px}
.tst-next{right:-22px}
.tst-nav:hover{background:var(--gold,#c5a75e);color:var(--navy-900,#0d1b2a);transform:translateY(-50%) scale(1.08)}
.tst-nav.swiper-button-disabled{opacity:.35;cursor:default}

@media (max-width:760px){
  .tst-card{padding:32px 22px 24px;min-height:auto}
  .tst-quote-mark{font-size:30px;top:14px;right:18px}
  .tst-msg{font-size:14.5px}
  .tst-nav{display:none}
  .tst-swiper{padding:24px 4px 40px}
}



.video-bar{
  position:relative;
  display:flex;align-items:center;gap:18px;
  width:100%;height:88px;
  padding:0 22px 0 18px;
  border:1px solid rgba(197,167,94,.32);
  border-radius:16px;
  background:linear-gradient(135deg, #0a1320 0%, #142640 50%, #0d1b2a 100%);
  color:#fff;cursor:pointer;text-align:left;
  overflow:hidden;
  transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
  box-shadow:0 8px 22px rgba(13,27,42,.22);
}
.video-bar:hover{
  transform:translateY(-2px);
  border-color:var(--gold,#c5a75e);
  box-shadow:0 14px 32px rgba(13,27,42,.32), 0 0 0 1px rgba(197,167,94,.25);
}

.video-bar .vb-glow{
  position:absolute;left:-30px;top:50%;transform:translateY(-50%);
  width:160px;height:160px;border-radius:50%;
  background:radial-gradient(circle, rgba(197,167,94,.35) 0%, rgba(197,167,94,0) 65%);
  pointer-events:none;z-index:0;
  transition:opacity .3s;
}

.video-bar .vb-shine{
  position:absolute;top:0;left:-30%;width:35%;height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.07), transparent);
  transform:skewX(-18deg);
  transition:left 1s var(--ease);
  z-index:1;pointer-events:none;
}
.video-bar:hover .vb-shine{left:130%}


.video-bar .vb-play{
  position:relative;flex:none;z-index:2;
  width:56px;height:56px;border-radius:50%;
  background:var(--gold,#c5a75e);
  color:var(--navy-900,#0d1b2a);
  display:grid;place-items:center;
  font-size:18px;
  box-shadow:0 6px 18px rgba(197,167,94,.5);
  transition:.25s var(--ease);
}
.video-bar:hover .vb-play{transform:scale(1.08);background:#d4b873}
.video-bar .vb-play i{margin-left:3px}
.video-bar .vb-pulse{
  position:absolute;inset:-3px;border-radius:50%;
  border:1.5px solid var(--gold,#c5a75e);
  animation:vbPulse 1.8s ease-out infinite;
  pointer-events:none;
}
@keyframes vbPulse{
  0%  {opacity:.7;transform:scale(1)}
  100%{opacity:0; transform:scale(1.8)}
}


.video-bar .vb-txt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;position:relative;z-index:2}
.video-bar .vb-eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  font-size:10.5px;font-weight:800;letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold,#c5a75e);
}
.video-bar .vb-eyebrow i{font-size:10px}
.video-bar .vb-txt b{
  font-size:17px;font-weight:800;line-height:1.2;
  letter-spacing:-.005em;
}


.video-bar .vb-wave{
  display:inline-flex;align-items:center;gap:3px;
  flex:none;height:36px;z-index:2;position:relative;
  padding:0 6px;
}
.video-bar .vb-wave span{
  display:block;width:3px;height:8px;border-radius:2px;
  background:linear-gradient(180deg, var(--gold,#c5a75e), #8a7344);
  animation:vbBar 1.2s ease-in-out infinite;
  transform-origin:center;
}
.video-bar .vb-wave span:nth-child(1){animation-delay:.00s;height:14px}
.video-bar .vb-wave span:nth-child(2){animation-delay:.10s;height:22px}
.video-bar .vb-wave span:nth-child(3){animation-delay:.20s;height:9px}
.video-bar .vb-wave span:nth-child(4){animation-delay:.30s;height:26px}
.video-bar .vb-wave span:nth-child(5){animation-delay:.40s;height:14px}
.video-bar .vb-wave span:nth-child(6){animation-delay:.55s;height:20px}
.video-bar .vb-wave span:nth-child(7){animation-delay:.65s;height:10px}
.video-bar .vb-wave span:nth-child(8){animation-delay:.75s;height:18px}
.video-bar .vb-wave span:nth-child(9){animation-delay:.85s;height:12px}
.video-bar .vb-wave span:nth-child(10){animation-delay:.95s;height:24px}
@keyframes vbBar{
  0%,100%{transform:scaleY(.45);opacity:.6}
  50%    {transform:scaleY(1.15);opacity:1}
}


.video-bar .vb-arrow{
  flex:none;width:30px;height:30px;border-radius:50%;
  background:rgba(197,167,94,.12);
  border:1px solid rgba(197,167,94,.35);
  color:var(--gold,#c5a75e);
  display:grid;place-items:center;
  font-size:11px;
  transition:.25s var(--ease);
  z-index:2;position:relative;
}
.video-bar:hover .vb-arrow{
  background:var(--gold,#c5a75e);color:var(--navy-900,#0d1b2a);
  border-color:var(--gold,#c5a75e);
  transform:translateX(4px);
}

@media (max-width:640px){
  .video-bar{height:auto;min-height:78px;padding:14px 16px;gap:14px}
  .video-bar .vb-play{width:48px;height:48px;font-size:15px}
  .video-bar .vb-txt b{font-size:15px}
  .video-bar .vb-eyebrow{font-size:9.5px;letter-spacing:.15em}
  .video-bar .vb-wave{display:none}
}
@media (max-width:380px){
  .video-bar .vb-arrow{display:none}
}


.fovid-bd{
  position:fixed;inset:0;z-index:99999;
  background:rgba(5,9,15,.88);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  display:grid;place-items:center;
  padding:24px;
  opacity:0;
  transition:opacity .25s ease-out;
}
.fovid-bd.open{opacity:1}
.fovid-box{
  position:relative;
  width:100%;max-width:1100px;
  background:#000;
  border:1px solid rgba(197,167,94,.22);
  border-radius:16px;
  box-shadow:0 35px 90px rgba(0,0,0,.6);
  overflow:hidden;
  transform:scale(.94);
  opacity:0;
  transition:transform .3s var(--ease,cubic-bezier(.2,.7,.3,1)), opacity .3s ease-out;
}
.fovid-bd.open .fovid-box{transform:scale(1);opacity:1}
.fovid-close{
  position:absolute;top:-50px;right:0;z-index:10;
  width:42px;height:42px;border-radius:50%;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;
  display:grid;place-items:center;cursor:pointer;
  font-size:16px;
  transition:.18s;
  padding:0;
}
.fovid-close:hover{background:var(--gold,#c5a75e);color:#0d1b2a;border-color:var(--gold,#c5a75e);transform:scale(1.08)}
.fovid-stage{
  position:relative;
  aspect-ratio:16/9;
  background:#000;
  width:100%;
}
.fovid-stage > *{width:100%;height:100%;display:block}
.fovid-fallback{
  padding:50px 30px;text-align:center;color:#fff;
}
.fovid-fallback a{color:var(--gold,#c5a75e);text-decoration:underline;margin-top:12px;display:inline-block}

@media (max-width:760px){
  .fovid-bd{padding:60px 12px 12px}
  .fovid-box{border-radius:12px}
  .fovid-close{top:-50px;right:0;width:38px;height:38px;font-size:14px}
}


.dt-map-open{
  display:inline-flex;align-items:center;gap:6px;margin-top:12px;
  padding:9px 14px;border-radius:10px;
  background:rgba(13,27,42,.06);
  border:1px solid rgba(13,27,42,.12);
  color:var(--navy-900,#0d1b2a);
  font-size:13px;font-weight:700;
  transition:.18s;
}
.dt-map-open:hover{background:var(--gold,#c5a75e);color:var(--navy-900,#0d1b2a);border-color:var(--gold,#c5a75e)}


/* logo Daniel — arte mais larga, leve aumento */
.brand img{height:78px}
.site-head.scrolled .brand img{height:78px}
@media(max-width:900px){.brand img{height:52px}.site-head.scrolled .brand img{height:52px}}

