/* NOVA CAPITAL · camada premium sobre /static/ncbbc/nc.css (não substitui nada, só refina) */
:root{--gold-1:#fff1b8;--gold-2:#ffcf3a;--gold-3:#F5B800;--gold-4:#b98400;--glass:rgba(17,19,24,.62)}
html,body{overflow-x:clip;max-width:100%}
body{background:radial-gradient(1200px 600px at 85% -10%,rgba(245,184,0,.06),transparent 60%),var(--bg)}
/* grão cinematográfico */
body:after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;mix-blend-mode:overlay;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
::selection{background:rgba(245,184,0,.35);color:#fff}

/* topo */
.top{background:rgba(8,9,12,.72);box-shadow:0 10px 30px -20px rgba(0,0,0,.8)}
.top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(245,184,0,.55),rgba(255,122,26,.45),transparent)}
.nav a{transition:color .2s,background .2s}
@media(max-width:860px){.nav{background:rgba(10,11,15,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 40px rgba(0,0,0,.6)}.nav a{padding:12px 12px;font-size:15px}}

/* botões */
.btn{background:linear-gradient(180deg,var(--gold-2),var(--gold-3) 55%,#e0a400);box-shadow:0 8px 24px -10px rgba(245,184,0,.7),inset 0 1px 0 rgba(255,255,255,.45);position:relative;overflow:hidden}
.btn:hover{background:linear-gradient(180deg,var(--gold-1),var(--gold-2) 55%,var(--gold-3));box-shadow:0 12px 30px -10px rgba(245,184,0,.85),inset 0 1px 0 rgba(255,255,255,.5)}
.btn:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover:after{left:130%}
.btn.g{background:rgba(255,255,255,.03);box-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.btn.g:after{display:none}
.btn.hw{box-shadow:0 8px 24px -10px rgba(255,122,26,.7)}
.btn.lg{padding:15px 24px;font-size:15px}

/* ===== HERO premium ===== */
.hero{min-height:92vh;min-height:92svh;background-position:70% calc(50% + var(--py,0px))}
.hero:before{background:linear-gradient(90deg,rgba(6,7,10,.92) 0%,rgba(6,7,10,.62) 40%,rgba(6,7,10,.08) 72%),linear-gradient(180deg,rgba(6,7,10,.55) 0%,rgba(6,7,10,0) 30%,rgba(6,7,10,.55) 72%,var(--bg) 100%)}
.hero-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-fx:before{content:"";position:absolute;width:70vmax;height:70vmax;left:-25vmax;bottom:-40vmax;border-radius:50%;background:radial-gradient(circle,rgba(245,184,0,.18),transparent 62%);filter:blur(10px)}
.hero-fx:after{content:"";position:absolute;inset:-20% -60%;background:linear-gradient(105deg,transparent 42%,rgba(255,214,120,.07) 48%,rgba(255,214,120,.12) 50%,rgba(255,214,120,.07) 52%,transparent 58%);animation:nc-sweep 9s ease-in-out infinite}
@keyframes nc-sweep{0%{transform:translateX(-35%)}60%,100%{transform:translateX(35%)}}
.hero-fx i{position:absolute;left:0;right:0;height:1px;bottom:0;background:linear-gradient(90deg,transparent,rgba(245,184,0,.5),transparent)}
.hero .w{padding-bottom:96px}
.hero .tag{padding:7px 14px 7px 12px;border:1px solid rgba(245,184,0,.35);border-radius:40px;background:rgba(8,9,12,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:2.4px}
.hero .tag:before{width:8px;height:8px;border-radius:50%;background:var(--au);box-shadow:0 0 12px var(--au)}
.hero h1{font-size:clamp(46px,11vw,112px);line-height:.92;letter-spacing:-1px;margin:22px 0 18px;color:#fff;text-shadow:0 10px 50px rgba(0,0,0,.7)}
.hero h1 b{display:block;background:linear-gradient(180deg,var(--gold-1) 0%,var(--gold-2) 38%,var(--gold-3) 62%,var(--gold-4) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 30px rgba(245,184,0,.35));text-shadow:none}
.hero p.lead{font-size:clamp(16px,2.2vw,20px);color:#e2e3e8;max-width:560px;margin-bottom:30px}
.hero .cta{gap:12px}
.hero .meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:18px;color:#c9ccd4;font-size:13px;font-weight:600}
.hero .meta span{display:inline-flex;align-items:center;gap:7px}
.hero .meta svg{width:15px;height:15px;color:var(--au)}
.hero .live{padding:8px 14px;border-radius:40px;background:rgba(8,9,12,.6);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.hero .scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:24px;height:38px;border:2px solid rgba(255,255,255,.35);border-radius:14px}
.hero .scroll:after{content:"";position:absolute;left:50%;top:7px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--au);animation:nc-sc 1.8s infinite}
@keyframes nc-sc{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(12px)}}
.ipbox{max-width:100%;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.ipbox code{white-space:nowrap}
@media(max-width:700px){
 .hero{min-height:94svh;align-items:flex-end;background-position:center calc(0% + var(--py,0px))}
 .hero:before{background:linear-gradient(180deg,rgba(6,7,10,.2) 0%,rgba(6,7,10,.25) 16%,rgba(6,7,10,.68) 38%,rgba(6,7,10,.86) 60%,rgba(6,7,10,.97) 86%,var(--bg) 100%)}
 .hero .tag{font-size:10px;letter-spacing:1.6px}
 .hero p.lead{text-shadow:0 2px 14px rgba(0,0,0,.9)}
 .hero .w{padding-bottom:64px}
 .hero h1{font-size:clamp(46px,15vw,74px)}
 .hero .cta>.btn{flex:1 1 auto}
 .hero .ipbox{width:100%;justify-content:space-between}
 .hero .scroll{display:none}
}
@media(max-width:380px){.ipbox{padding-left:12px;gap:8px}.ipbox code{font-size:14px}}

/* números */
.stats div{background:linear-gradient(180deg,rgba(23,26,33,.85),rgba(14,16,21,.9));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 20px 40px -24px rgba(0,0,0,.9)}
.stats div:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:linear-gradient(90deg,transparent,var(--au),transparent)}
.stats b{font-size:clamp(26px,4vw,34px);background:linear-gradient(180deg,var(--gold-1),var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent}

/* seções e títulos */
.sh h2,.split h2{letter-spacing:-.3px}
.sec.alt{background:radial-gradient(800px 400px at 0% 0%,rgba(245,184,0,.05),transparent 60%),linear-gradient(180deg,#0b0c10,#0e1015)}

/* cards */
.card{background:linear-gradient(180deg,rgba(26,29,37,.9),rgba(15,17,22,.95));box-shadow:0 24px 50px -32px rgba(0,0,0,.9);transition:transform .25s,border-color .25s,box-shadow .25s}
.card:hover{box-shadow:0 30px 60px -30px rgba(0,0,0,.95),0 0 0 1px rgba(245,184,0,.18),0 18px 50px -30px rgba(245,184,0,.35)}
.card .ic{background:linear-gradient(135deg,rgba(245,184,0,.2),rgba(245,184,0,.05));border:1px solid rgba(245,184,0,.2)}
.card .cimg{margin:-22px -22px 18px;border-radius:15px 15px 0 0;overflow:hidden;aspect-ratio:16/8;position:relative;background:#000}
.card .cimg img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card .cimg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(15,17,22,.95))}
.card:hover .cimg img{transform:scale(1.06)}
.card .cimg+.ic{margin-top:-46px;position:relative;z-index:1;background:rgba(15,17,22,.92)}
.chips span{transition:border-color .2s,color .2s}
.card:hover .chips span{border-color:rgba(245,184,0,.18)}
.prod .pr b{background:linear-gradient(180deg,#fff,#e8dcc0);-webkit-background-clip:text;background-clip:text;color:transparent}
.badge{box-shadow:0 6px 16px -6px rgba(245,184,0,.8)}

/* imagens */
.shot{position:relative;box-shadow:0 40px 90px -30px rgba(0,0,0,.9),0 0 0 1px rgba(245,184,0,.12)}
.shot:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.shot img{width:100%}

/* passos */
.step{background:linear-gradient(180deg,rgba(23,26,33,.9),rgba(14,16,21,.95));position:relative;overflow:hidden;transition:transform .25s,border-color .25s}
.step:hover{transform:translateY(-2px);border-color:rgba(245,184,0,.3)}
.step:before{background:linear-gradient(180deg,var(--gold-1),var(--gold-3));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:36px}
.step:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(245,184,0,.12),transparent 70%)}

/* box comunidade */
.box{position:relative;overflow:hidden}
.box.cine{background:linear-gradient(90deg,rgba(8,9,12,.94) 0%,rgba(8,9,12,.7) 55%,rgba(8,9,12,.35)),url(/img/concessionaria-sm.webp) center/cover;border-color:rgba(245,184,0,.35);padding:38px 30px}
@media(max-width:860px){.box.cine{padding:28px 22px}.box.cine>div:last-child{text-align:left!important}}

/* cabeçalhos de página */
.pg-h{position:relative;overflow:hidden}
.pg-h.cine{background:linear-gradient(180deg,rgba(8,9,12,.55),rgba(8,9,12,.85) 70%,var(--bg)),var(--pg-img,none) center 40%/cover}
.pg-h.cine:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,184,0,.4),transparent)}
.pg-h .w{position:relative}

/* app */
.dl{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}
.dl-meta{display:block;margin-top:12px;color:var(--mu);font-size:13px}
.faq dt{font:700 15px Montserrat,Inter,sans-serif;color:#fff;margin-top:18px}
.faq dd{margin:6px 0 0;color:var(--mu)}

/* Halloween: mantém o visual do evento, só refina */
.hwhero h1{font-size:clamp(40px,9vw,92px);line-height:.95;letter-spacing:-.5px}
.hwhero h1 b{background:linear-gradient(180deg,#ffd29a,var(--hwo) 55%,#c4500a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 30px rgba(255,122,26,.35))}
.cd div{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}

/* revelação ao rolar (só com JS ativo) */
@media(prefers-reduced-motion:no-preference){
 .js-rv .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
 .js-rv .rv.in{opacity:1;transform:none}
 .hero .w>*{animation:nc-up .9s cubic-bezier(.2,.7,.2,1) both}
 .hero .w>*:nth-child(2){animation-delay:.08s}.hero .w>*:nth-child(3){animation-delay:.16s}.hero .w>*:nth-child(4){animation-delay:.24s}.hero .w>*:nth-child(5){animation-delay:.32s}.hero .w>*:nth-child(6){animation-delay:.4s}
 @keyframes nc-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.hero-fx:after,.hero .scroll:after{animation:none}}
.ipbox .btn{white-space:nowrap;flex:none}