/* Baniski Auto — Premium V2. Somente apresentação; não altera integrações. */
:root{--p-bg:#07090c;--p-card:#11151b;--p-card-2:#171c23;--p-line:rgba(255,255,255,.12);--p-silver:#dce2ea;--p-blue:#0d2a45;--p-blue-2:#123b61;--p-shadow:0 24px 70px rgba(0,0,0,.42)}
body{background:radial-gradient(circle at 50% -10%,rgba(14,53,86,.28),transparent 28%),linear-gradient(180deg,#07090c 0%,#090b0f 52%,#06080b 100%);overflow-x:hidden}
.page-width{width:min(1160px,calc(100% - 28px))}
.site-header{min-height:84px;background:linear-gradient(180deg,rgba(8,13,19,.94),rgba(8,10,14,.86));border-bottom:1px solid rgba(178,201,224,.16);box-shadow:0 10px 34px rgba(0,0,0,.3);backdrop-filter:blur(22px) saturate(135%)}
.brand-logo-image{width:204px!important;filter:drop-shadow(0 5px 18px rgba(0,0,0,.32))}
.header-tabs{background:rgba(16,21,28,.78)!important;border:1px solid rgba(207,220,233,.22)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 25px rgba(0,0,0,.22)!important;border-radius:15px!important;padding:5px!important}
.header-tab{min-height:44px!important;padding-inline:18px!important;border-radius:11px!important}
.header-tab.active{background:linear-gradient(145deg,#f2f5f8,#bfc7d0)!important;box-shadow:0 7px 18px rgba(0,0,0,.3)!important}
.menu-button{width:48px;height:48px;border:1px solid rgba(255,255,255,.18)!important;border-radius:13px!important;background:rgba(20,25,32,.75)!important;backdrop-filter:blur(12px)}

.hero{width:min(1160px,calc(100% - 28px));min-height:560px!important;margin:18px auto 0;border:1px solid rgba(206,220,233,.16);border-radius:28px;box-shadow:var(--p-shadow);overflow:hidden;background-position:center 68%!important}
.hero-shade{background:linear-gradient(90deg,rgba(5,9,14,.88) 0%,rgba(6,12,19,.68) 36%,rgba(7,12,18,.24) 70%,rgba(4,8,12,.2) 100%)!important}
.hero-content{padding:68px 54px!important}
.hero .kicker{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(7,11,16,.38);backdrop-filter:blur(9px);color:#e4e9ef}
.hero h1{font-size:clamp(52px,6vw,80px)!important;max-width:700px;letter-spacing:-.055em!important;text-shadow:0 8px 28px rgba(0,0,0,.55)}
.hero h1 span{color:#eef2f6!important}
.hero-copy{font-size:18px!important;max-width:520px!important;color:#e1e6ec!important;text-shadow:0 3px 16px rgba(0,0,0,.65)}
.hero-explore-button{min-height:56px;padding-inline:23px!important;border:1px solid rgba(255,255,255,.7)!important;border-radius:999px!important;background:linear-gradient(180deg,rgba(12,17,23,.84),rgba(7,10,14,.94))!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.16),0 12px 30px rgba(0,0,0,.3)!important}

.quick-contact{width:min(1160px,calc(100% - 28px));margin:14px auto 0;padding:8px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.quick-contact>.page-width{width:100%}
.quick-contact-heading{display:none}
.quick-contact-icons{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:18px!important;padding:0!important}
.quick-social{min-height:92px!important;min-width:0!important;justify-content:center;padding:10px 6px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transition:transform .2s ease,opacity .2s ease}
.quick-social:hover{transform:translateY(-2px);border-color:transparent!important;opacity:.95}
.quick-social-symbol{width:45px!important;height:45px!important;border-radius:13px!important;box-shadow:0 10px 24px rgba(0,0,0,.22)}
.quick-social.whatsapp .quick-social-symbol{border-radius:50%!important}
.quick-contact-meta{justify-content:center;margin:14px 6px 0!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);font-size:12px!important}

.inventory{padding:44px 0 70px!important}
.section-heading{margin-bottom:16px!important;align-items:center!important}
.section-heading .kicker{margin-bottom:7px!important;color:#8fa2b6!important}
.section-heading h2{font-size:clamp(30px,4vw,46px)!important;letter-spacing:-.045em!important}
.section-note{padding:8px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0d1117}
.filter-panel{grid-template-columns:2fr 1fr 1fr auto!important;gap:10px!important;padding:14px!important;border:1px solid rgba(205,218,231,.17)!important;border-radius:20px!important;background:linear-gradient(145deg,#141922,#0d1117)!important;box-shadow:0 18px 46px rgba(0,0,0,.25)!important}
.filter-panel .search-field>span:first-child,.filter-panel .field:not(.search-field)>span{display:none}
.premium-search-control{min-height:58px!important;border-radius:14px!important;background:#0a0d12!important;border-color:rgba(255,255,255,.15)!important}
.filter-panel .premium-search-control input{height:56px!important;font-size:15px!important}
.filter-panel .field:not(.search-field) input{min-height:58px!important;border-radius:14px!important;background:#0a0d12!important;border-color:rgba(255,255,255,.15)!important}
.clear-button{min-height:58px!important;padding-inline:20px!important;border-radius:14px!important;background:linear-gradient(145deg,#eef2f6,#bfc6cf)!important;color:#11151a!important;border:0!important}
.inventory-toolbar{margin:18px 2px 14px!important}
.inventory-toolbar p{font-weight:700;color:#cbd3dc}
.link-button{padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#0e1319}

.vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.vehicle-grid .vehicle-card{border-radius:21px!important;overflow:hidden!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 18px 42px rgba(0,0,0,.32)!important;transform:translateZ(0)}
.vehicle-grid .vehicle-card:hover{transform:translateY(-5px) scale(1.005)!important;box-shadow:0 28px 60px rgba(0,0,0,.42)!important}
.vehicle-photo{aspect-ratio:16/10!important}
.vehicle-grid .vehicle-body{padding:16px 17px 17px!important}
.vehicle-grid .vehicle-title{font-size:18px!important;min-height:auto!important;text-transform:none!important;letter-spacing:-.035em!important}
.vehicle-grid .vehicle-summary{margin:12px 0 13px!important;padding-top:11px!important;gap:8px!important}
.vehicle-grid .vehicle-summary span{gap:3px!important;font-size:11px!important}
.vehicle-grid .vehicle-summary strong{font-size:13px!important}
.vehicle-grid .vehicle-price-label{font-size:9px!important;letter-spacing:.16em!important}
.vehicle-grid .vehicle-price{font-size:25px!important;margin-top:3px!important;letter-spacing:-.04em}
.vehicle-grid .vehicle-more{font-size:12px!important;margin-top:12px!important;padding-top:11px!important}
.gallery-arrow{width:38px!important;height:42px!important;border-radius:50%!important;background:rgba(8,12,17,.7)!important}
.gallery-counter{bottom:9px!important;right:9px!important;background:rgba(7,10,14,.74)!important;backdrop-filter:blur(8px)}

.finance-section{background:transparent!important;border:0!important;padding:42px 0 72px!important}
.finance-layout{grid-template-columns:.8fr 1.2fr!important;gap:28px!important;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:radial-gradient(circle at 90% 10%,rgba(21,66,104,.28),transparent 34%),linear-gradient(145deg,#121820,#090c11);box-shadow:var(--p-shadow)}
.finance-copy h2{font-size:clamp(34px,5vw,54px)!important}
.finance-form{border-radius:20px!important;background:rgba(7,10,14,.72)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(14px)}
.finance-form .field input,.finance-form .field select,.fieldset{background:#0a0e13!important;border-color:rgba(255,255,255,.15)!important;border-radius:12px!important}
.form-submit{min-height:54px;border-radius:999px!important}

.premium-services{width:min(1160px,calc(100% - 28px));margin:0 auto 70px;padding:24px;border:1px solid var(--p-line);border-radius:24px;background:linear-gradient(145deg,#11161d,#0a0d12);box-shadow:0 20px 55px rgba(0,0,0,.3)}
.premium-services h2{margin:0 0 16px;font:800 24px Montserrat,sans-serif;letter-spacing:-.035em}
.premium-service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.premium-service-card{min-height:118px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.01))}
.premium-service-icon{font-size:25px;line-height:1}.premium-service-card strong{font-size:13px}.premium-service-card span{font-size:11px;color:#96a0ad;line-height:1.35}
footer{width:min(1160px,calc(100% - 28px));margin:0 auto 18px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:22px!important;background:#070a0e!important;padding:28px 0!important;overflow:hidden}
footer .page-width{width:calc(100% - 36px)}

.vehicle-modal{border-radius:26px!important;border-color:rgba(255,255,255,.16)!important;background:#0b0f14!important;box-shadow:0 35px 110px rgba(0,0,0,.72)!important}
.modal-image{border-radius:0!important}.modal-body{background:linear-gradient(180deg,#11161c,#0a0d11)!important}.modal-body h2{letter-spacing:-.04em}.modal-description{background:#080b0f;padding:16px;border:1px solid rgba(255,255,255,.09);border-radius:14px}

@media(max-width:900px){.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.filter-panel{grid-template-columns:1fr 1fr!important}.search-field{grid-column:1/-1!important}.clear-button{grid-column:1/-1!important}.finance-layout{grid-template-columns:1fr!important}.premium-service-grid{grid-template-columns:repeat(3,1fr)}}

@media(max-width:720px){
  .page-width,.hero,.quick-contact,.premium-services,footer{width:calc(100% - 20px)!important}
  .site-header{min-height:74px!important;padding-inline:10px!important;gap:7px!important}
  .brand-logo-image{width:142px!important;max-width:40vw!important}
  .header-tabs{margin-right:0!important}.header-tab{min-height:38px!important;padding-inline:11px!important;font-size:11px!important}.menu-button{width:42px;height:42px;font-size:20px!important}
  .hero{margin-top:10px!important;min-height:525px!important;border-radius:22px!important;background-position:center 72%!important}
  .hero-content{padding:40px 24px 102px!important}
  .hero .kicker{font-size:9px!important;padding:6px 9px!important}.hero h1{font-size:44px!important;line-height:.98!important}.hero-copy{font-size:15px!important;line-height:1.45!important;max-width:310px!important}
  .hero-explore-button{left:24px!important;bottom:24px!important;min-height:51px!important}
  .quick-contact{padding:8px 0!important;border-radius:0!important}.quick-contact-icons{gap:10px!important}.quick-social{min-height:77px!important;border-radius:0!important;font-size:10px!important;padding:8px 2px!important}.quick-social-symbol{width:38px!important;height:38px!important}.quick-social-symbol svg{width:22px!important;height:22px!important}.quick-contact-meta{display:none!important}
  .inventory{padding:30px 0 48px!important}.section-heading{margin-bottom:12px!important}.section-heading h2{font-size:27px!important}.section-heading .kicker{font-size:9px}.section-note{display:none!important}
  .filter-panel{grid-template-columns:1fr 1fr!important;padding:10px!important;gap:8px!important;border-radius:17px!important}.search-field{grid-column:1/-1!important}.premium-search-control{min-height:52px!important;border-radius:12px!important}.filter-panel .premium-search-control input{height:50px!important;font-size:14px!important}.filter-panel .field:not(.search-field) input{min-height:50px!important;font-size:13px!important}.clear-button{grid-column:1/-1!important;min-height:48px!important;border-radius:12px!important}
  .inventory-toolbar{margin:13px 2px 11px!important;font-size:12px!important}
  .vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .vehicle-grid .vehicle-card{border-radius:17px!important}.vehicle-photo{aspect-ratio:4/3!important}.vehicle-grid .vehicle-body{padding:11px 11px 12px!important}.vehicle-grid .vehicle-title{font-size:13px!important;line-height:1.2!important;min-height:2.4em!important}.vehicle-grid .vehicle-summary{margin:8px 0!important;padding-top:8px!important;gap:4px!important}.vehicle-grid .vehicle-summary span{font-size:9px!important}.vehicle-grid .vehicle-summary strong{font-size:11px!important}.vehicle-grid .vehicle-price-label{font-size:8px!important}.vehicle-grid .vehicle-price{font-size:19px!important}.vehicle-grid .vehicle-more{font-size:9px!important;margin-top:8px!important;padding-top:8px!important;gap:4px}.vehicle-grid .vehicle-more span{font-size:14px!important}.gallery-arrow{width:31px!important;height:31px!important;font-size:26px!important}.gallery-prev{left:6px!important}.gallery-next{right:6px!important}.gallery-counter{font-size:9px!important;padding:4px 7px!important}
  .finance-section{padding:24px 0 50px!important}.finance-layout{width:calc(100% - 20px)!important;padding:18px!important;border-radius:21px!important}.finance-copy h2{font-size:34px!important}.finance-form{padding:15px!important}
  .premium-services{padding:16px!important;margin-bottom:40px!important;border-radius:20px!important}.premium-services h2{font-size:20px}.premium-service-grid{grid-template-columns:repeat(2,1fr)!important}.premium-service-card{min-height:96px;padding:10px}.premium-service-card:last-child{grid-column:1/-1}.premium-service-card span{font-size:10px}
  footer{margin-bottom:10px!important;border-radius:18px!important}.footer-layout{gap:12px!important}.footer-layout p{font-size:12px!important}
}
@media(max-width:360px){.vehicle-grid{grid-template-columns:1fr!important}.vehicle-grid .vehicle-title{font-size:16px!important;min-height:0!important}.vehicle-grid .vehicle-price{font-size:23px!important}}

/* Botão principal branco no banner */
.hero .hero-explore-button,.hero .hero-explore-button:hover,.hero .hero-explore-button:focus-visible{background:#fff!important;background-image:none!important;color:#101318!important;border:1px solid #fff!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
.hero .hero-explore-button span{color:#101318!important}

/* Navegação independente: cada aba é seu próprio botão, sem card compartilhado. */
.site-header .header-tabs{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:8px!important;border-radius:0!important}
.site-header .header-tab{background:rgba(18,23,30,.78)!important;border:1px solid rgba(211,221,232,.27)!important;color:#d7dce3!important;border-radius:13px!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important;transition:background .2s,color .2s,border-color .2s!important}
.site-header .header-tab.active{background:#fff!important;background-image:none!important;border-color:#fff!important;color:#101318!important;box-shadow:0 5px 15px rgba(0,0,0,.22)!important}
@media(max-width:720px){.site-header .header-tabs{gap:6px!important}.site-header .header-tab{padding-inline:10px!important}}