/* ===== tenant_site_1 · Onyx & Gold ===== */
/* Carregado no HTML depois de: tenant_sites/shared.css — via project_css('tenant_sites/landing_pages/onyx.css') (app/Helpers/Project/project_css.php). */

:root{
  --brand:#C49A41;
  --onyx:#0C0C10;--onyx2:#101016;--surface:#16161D;--ivory:#F5F2EA;--smoke:#9A9AA4;
  --line:rgba(255,255,255,.08);--brand-line:rgba(196,154,65,.22);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Jost',system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--sans);font-weight:300;background:var(--onyx);color:var(--ivory);-webkit-font-smoothing:antialiased;line-height:1.6;}
.wrap{max-width:1180px;margin:0 auto;padding:0 26px;}
.gold{color:var(--brand);}
.dim{color:var(--smoke);}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--brand);font-weight:500;}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;color:var(--ivory);letter-spacing:.01em;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}

/* buttons */
.btn-gold,.btn-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:3px;font-weight:500;letter-spacing:.04em;font-size:.92rem;padding:12px 22px;cursor:pointer;transition:.2s;border:1px solid transparent;}
.btn-gold{background:var(--brand);color:#1A1206;box-shadow:0 10px 30px rgba(0,0,0,.3);}
.btn-gold:hover{filter:brightness(1.08);transform:translateY(-1px);}
.btn-ghost{border-color:var(--line);color:var(--ivory);}
.btn-ghost:hover{border-color:var(--brand-line);background:rgba(255,255,255,.03);}
.lg{padding:15px 30px;font-size:1rem;}
.w100{width:100%;justify-content:center;margin-top:8px;}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:.3s;border-bottom:1px solid transparent;}
.nav.scrolled{background:rgba(12,12,16,.85);backdrop-filter:blur(16px);border-bottom-color:var(--line);}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px;}
.logo{display:flex;align-items:center;gap:11px;}
.logo img{width:32px;}
.logo span{font-family:var(--serif);font-size:1.3rem;letter-spacing:.26em;font-weight:600;}
.nav-links{display:flex;gap:30px;}
.nav-links a{color:var(--smoke);font-size:.92rem;transition:.16s;}
.nav-links a:hover{color:var(--ivory);}
.nav-cta{display:flex;align-items:center;gap:10px;}
.burger{display:none;background:none;border:none;color:var(--ivory);font-size:1.5rem;cursor:pointer;}

/* hero */
.hero{position:relative;padding:180px 0 110px;text-align:center;overflow:hidden;}
.hero-glow{position:absolute;inset:0;background:radial-gradient(60% 55% at 50% 0%,rgba(196,154,65,.16),transparent 60%);pointer-events:none;}
.hero-in{position:relative;z-index:2;}
.hero-title{font-size:clamp(2.8rem,6.5vw,5rem);line-height:1.03;margin-top:20px;}
.hero-sub{max-width:600px;margin:24px auto 0;color:#C8C5BD;font-size:1.1rem;}
.hero-actions{display:flex;gap:14px;justify-content:center;margin-top:36px;flex-wrap:wrap;}
.hero-stats{display:flex;gap:28px;justify-content:center;align-items:center;margin-top:60px;flex-wrap:wrap;}
.hero-stats .num{font-family:var(--serif);font-size:1.9rem;font-weight:600;display:block;}
.hero-stats .lbl{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);margin-top:5px;display:block;}
.hero-stats .sep{width:1px;height:42px;background:var(--line);}

/* sections */
.section{padding:100px 0;}
.band{background:linear-gradient(180deg,#0E0E13,#0A0A0E);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-head{margin-bottom:50px;}
.sec-head.center{text-align:center;}
.sec-title{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin-top:12px;}

/* services */
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.svc{padding:30px 26px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(165deg,#16161D,#111116);transition:.2s;}
.svc:hover{border-color:var(--brand-line);transform:translateY(-3px);}
.svc i{font-size:1.7rem;color:var(--brand);}
.svc h3{font-size:1.4rem;margin:14px 0 6px;}
.svc p{color:var(--smoke);font-size:.92rem;min-height:48px;}
.svc-foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.svc-price{font-family:var(--serif);font-size:1.5rem;color:var(--brand);}
.svc-dur{font-size:.8rem;color:var(--smoke);letter-spacing:.08em;}

/* booking */
.booking{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.ticks{list-style:none;margin-top:24px;}
.ticks li{display:flex;align-items:center;gap:11px;padding:8px 0;color:#C8C5BD;}
.ticks li i{color:var(--brand);}
.booking-card{background:var(--surface);border:1px solid var(--brand-line);border-radius:12px;padding:30px;}
.booking-card h3{font-size:1.7rem;margin-bottom:18px;}
.booking-card label{display:block;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--smoke);margin:14px 0 7px;}
.booking-card input,.booking-card select{width:100%;background:var(--onyx2);border:1px solid var(--line);border-radius:5px;color:var(--ivory);padding:12px 14px;font-family:var(--sans);font-size:.95rem;}
.booking-card input:focus,.booking-card select:focus{outline:none;border-color:var(--brand);}
.row2{display:flex;gap:12px;}
.row2>div{flex:1;}
.bk-done{display:none;margin-top:14px;color:#8FCBA3;font-size:.9rem;align-items:center;gap:8px;}
.bk-done.show{display:flex;}

/* club */
.club{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch;}
.plan{position:relative;padding:36px 28px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(170deg,#17171F,#121218);display:flex;flex-direction:column;}
.plan.hot{border-color:var(--brand-line);background:linear-gradient(170deg,#1E1B16,#131117);transform:scale(1.04);}
.plan-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--brand);color:#1A1206;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600;padding:.4em 1em;border-radius:20px;}
.plan h3{font-size:1.7rem;}
.plan-price{margin:14px 0;display:flex;align-items:baseline;gap:3px;}
.plan-price .v{font-family:var(--serif);font-size:3rem;font-weight:600;}
.plan-price .p{color:var(--smoke);font-size:.9rem;}
.plan ul{list-style:none;flex:1;margin:10px 0 22px;}
.plan li{display:flex;gap:10px;padding:7px 0;font-size:.92rem;color:#C8C5BD;border-bottom:1px solid rgba(255,255,255,.05);}
.plan li i{color:var(--brand);}

/* area */
.area{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.area-card{background:var(--surface);border:1px solid var(--brand-line);border-radius:12px;padding:28px;}
.area-row{display:flex;align-items:center;gap:14px;}
.area-row i{font-size:1.6rem;color:var(--brand);}
.area-row strong{display:block;}
.area-row span{color:var(--smoke);font-size:.86rem;}
.area-bar{height:8px;border-radius:20px;background:rgba(255,255,255,.07);margin:20px 0 12px;overflow:hidden;}
.area-bar span{display:block;height:100%;background:var(--brand);border-radius:20px;}
.area-meta{display:flex;justify-content:space-between;align-items:center;}
.area-meta span{color:var(--smoke);font-size:.86rem;}
.area-meta strong{color:var(--brand);font-family:var(--serif);font-size:1.3rem;}

/* footer */
.footer{border-top:1px solid var(--line);padding:56px 0 26px;}
.foot-in{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;}
.foot-brand img{width:42px;}
.foot-brand .bn{display:block;font-family:var(--serif);font-size:1.3rem;letter-spacing:.24em;margin:12px 0 6px;}
.foot-col h4{font-size:1.2rem;margin-bottom:12px;}
.foot-col p{color:#C8C5BD;font-size:.92rem;padding:3px 0;}
.foot-base{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);font-size:.84rem;}

@media(max-width:880px){
  .nav-links{display:none;}
  .nav-cta .btn-ghost,.nav-cta .btn-gold{display:none;}
  .burger{display:block;}
  .nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;background:var(--onyx2);padding:18px 26px;border-bottom:1px solid var(--line);}
  .services,.club{grid-template-columns:1fr;}
  .booking,.area{grid-template-columns:1fr;gap:34px;}
  .plan.hot{transform:none;}
  .foot-in{grid-template-columns:1fr;gap:28px;}
}