/* =========================================================
   BSDEV V2 GLOBAL — identidade aprovada aplicada ao site todo
   ========================================================= */
:root{
  --v2-cyan:#38d9ff;
  --v2-purple:#7657ff;
  --v2-gold:#d9a441;
  --v2-bg:#05070b;
  --v2-panel:#0b111a;
  --v2-line:#223044;
  --v2-text:#f5f8fb;
  --v2-muted:#a7b4c3;
}
html{scroll-behavior:smooth}
body{background:#05070b!important;color:var(--v2-text)!important;font-size:17px!important}
body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
radial-gradient(circle at 15% 15%,rgba(56,217,255,.045),transparent 28%),
radial-gradient(circle at 88% 34%,rgba(118,87,255,.045),transparent 28%)}
p,li{line-height:1.68}
p{color:var(--v2-muted)}
h1,h2,h3,h4{letter-spacing:-.015em}
section{scroll-margin-top:88px}

/* HEADER ÚNICO */
header{
  min-height:78px!important;height:auto!important;
  padding:0 max(28px,4vw)!important;
  display:flex!important;align-items:center!important;gap:24px!important;
  background:rgba(5,7,11,.94)!important;border-bottom:1px solid rgba(56,217,255,.10)!important;
  backdrop-filter:blur(16px)!important;position:fixed!important;left:0;right:0;top:0;z-index:1000!important;
}
header .logo{font:800 32px 'Rajdhani',sans-serif!important;white-space:nowrap!important;color:#fff!important;display:flex!important;align-items:center!important;gap:7px!important}
header .logo i,header .logo span{color:var(--v2-cyan)!important}
header nav{margin-left:auto!important;display:flex!important;align-items:center!important;gap:19px!important}
header nav>a{font:800 14px 'Rajdhani',sans-serif!important;letter-spacing:.035em!important;text-transform:uppercase!important;color:#9eabba!important;padding:29px 0 24px!important;border-bottom:2px solid transparent!important;white-space:nowrap!important}
header nav>a:hover,header nav>a.active{color:#fff!important;border-bottom-color:var(--v2-cyan)!important}
header .header-buttons,header .mobile-nav-buttons{display:flex!important;gap:8px!important;margin-left:5px!important}
header .header-buttons a,header .mobile-nav-buttons a{padding:10px 13px!important;font-size:13px!important;border-radius:6px!important;white-space:nowrap}
header .menu-toggle{display:none;color:#fff;font-size:23px;cursor:pointer}

/* HERO GLOBAL */
.hero,.catalog-hero{
  position:relative!important;overflow:hidden!important;
  padding-top:145px!important;padding-bottom:58px!important;
  background:
    radial-gradient(circle at 75% 30%,rgba(56,217,255,.09),transparent 23%),
    radial-gradient(circle at 64% 70%,rgba(118,87,255,.07),transparent 25%),
    linear-gradient(180deg,#070b11,#05070b)!important;
  border-bottom:1px solid rgba(56,217,255,.08)!important
}
.hero::after,.catalog-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--v2-cyan),transparent);opacity:.28}
.hero h1,.catalog-hero h1{font-size:clamp(44px,5vw,70px)!important;line-height:.93!important;margin-top:12px!important;margin-bottom:16px!important}
.hero p,.catalog-hero p{font-size:17px!important;line-height:1.72!important;max-width:820px!important;color:#aab8c7!important}
.hero h1 span,.catalog-hero h1 span{color:var(--v2-cyan)!important}
.hero-badge,.mu-context-badge{font-size:13px!important;padding:8px 13px!important}
.btn-cta,.btn-instagram,.v2-btn-ghost{font-size:15px!important}

/* TITULOS / TEXTO */
.section-title{font-size:clamp(34px,3vw,46px)!important;margin-bottom:27px!important}
.section-title span{color:var(--v2-cyan)!important}
.features-section,.services-section,.portfolio-section{padding-top:68px!important;padding-bottom:68px!important}
.feature-item p,.service-card p,.metric-card p,.pricing-card p,.video-card p,.process-step p,
.hosting-card,.vps-card,.faq-answer,.skin-meta{font-size:15px!important}

/* CARDS EXISTENTES — menos robóticos */
.features-grid,.services-grid{
  gap:10px!important;
}
.features-grid .feature-item,.services-grid .service-card{
  border-radius:0!important;border:0!important;border-top:1px solid rgba(56,217,255,.22)!important;
  border-bottom:1px solid rgba(56,217,255,.10)!important;
  background:linear-gradient(135deg,rgba(13,19,29,.94),rgba(7,11,18,.92))!important;
  box-shadow:none!important;padding:28px 26px!important;position:relative;overflow:hidden
}
.features-grid .feature-item::after,.services-grid .service-card::after{
  content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-90px;bottom:-110px;
  background:rgba(56,217,255,.055);filter:blur(24px)
}
.features-grid .feature-item:hover,.services-grid .service-card:hover{transform:translateY(-3px)!important;border-top-color:var(--v2-cyan)!important}

/* VPS / HOSPEDAGEM — continuam comparáveis, mas com identidade V2 */
.vps-grid,.hosting-grid{max-width:1240px!important;margin:auto!important;gap:12px!important;padding-left:4%!important;padding-right:4%!important}
.vps-card,.hosting-card{
  border-radius:5px!important;
  background:linear-gradient(160deg,rgba(13,19,29,.97),rgba(7,11,18,.96))!important;
  border:0!important;border-top:1px solid rgba(56,217,255,.22)!important;border-bottom:1px solid rgba(56,217,255,.10)!important;
  box-shadow:0 18px 42px rgba(0,0,0,.14)!important;padding:31px 25px!important;text-align:left!important
}
.vps-card:hover,.hosting-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 55px rgba(0,0,0,.22)!important}
.vps-card h3,.hosting-card h3{font-size:26px!important}
.vps-price,.hosting-price{font-size:37px!important;color:var(--v2-cyan)!important}
.vps-specs,.hosting-specs{font-size:15px!important}
.vps-specs li,.hosting-specs li{text-align:left!important;padding:11px 0!important}
.vps-card .btn-cta,.hosting-card .btn-cta{width:100%;text-align:center!important}
.gifts-container{max-width:1160px!important;margin-left:auto!important;margin-right:auto!important;border-radius:4px!important}

/* FAQ */
.faq-container{max-width:1000px!important}
.faq-title{font-size:38px!important}
.faq-item{border-radius:3px!important;background:#0a1018!important;border-color:rgba(56,217,255,.11)!important}
.faq-question{font-size:16px!important;padding:19px!important}
.faq-answer{font-size:15px!important;padding:0 19px 19px!important}

/* VIDEO / TRAFEGO */
.portfolio-grid,.video-pricing-grid,.pricing-grid{gap:12px!important}
.portfolio-card,.video-card,.pricing-card{
  border-radius:4px!important;background:linear-gradient(150deg,#0d131d,#080c13)!important;
  border-color:rgba(56,217,255,.13)!important;box-shadow:0 15px 36px rgba(0,0,0,.16)!important
}
.portfolio-info h3,.video-card h3,.pricing-card h3{font-size:25px!important}
.result-item{border-radius:3px!important}

/* CATÁLOGO */
.catalog-shell{max-width:1280px!important}
.toolbar,.notice{border-radius:4px!important}
.skin-grid{gap:12px!important}
.skin-card{border-radius:4px!important;background:#0a0f17!important;border-color:rgba(56,217,255,.12)!important}
.skin-name{font-size:18px!important}

/* FOOTER */
footer{
  padding:30px 5%!important;background:#04060a!important;border-top:1px solid rgba(56,217,255,.09)!important;
  color:#7f8d9c!important;font-size:14px!important
}
.bs-global-footer{max-width:1240px;margin:auto;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.bs-global-footer .foot-logo{font:800 25px 'Rajdhani',sans-serif;color:#fff}.bs-global-footer .foot-logo span{color:var(--v2-cyan)}
.bs-global-footer .foot-links{margin-left:auto;display:flex;gap:15px;flex-wrap:wrap}.bs-global-footer a{color:#91a1b2;text-decoration:none}.bs-global-footer a:hover{color:var(--v2-cyan)}

/* NOVAS PÁGINAS / CENÁRIOS EDITORIAIS */
.bs-page-hero{padding:150px 5% 70px;position:relative;overflow:hidden;border-bottom:1px solid rgba(56,217,255,.09);
background:radial-gradient(circle at 75% 35%,rgba(56,217,255,.09),transparent 25%),linear-gradient(180deg,#070b11,#05070b)}
.bs-page-hero .inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.bs-page-hero h1{font:800 clamp(48px,5.4vw,76px)/.88 Rajdhani;margin:9px 0 18px;text-transform:uppercase}.bs-page-hero h1 span{color:var(--v2-cyan)}
.bs-page-hero p{font-size:17px;line-height:1.72;max-width:700px}
.bs-hero-mark{height:330px;position:relative}.bs-hero-mark::before{content:"";position:absolute;inset:8% 3%;border:1px solid rgba(56,217,255,.16);transform:skewX(-7deg);
background:linear-gradient(135deg,rgba(56,217,255,.055),rgba(118,87,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.32)}
.bs-hero-mark .word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(54px,7vw,100px)/.8 Rajdhani;color:rgba(255,255,255,.045);text-transform:uppercase;transform:rotate(-5deg)}
.bs-editorial{padding:72px 5%}.bs-editorial-inner{max-width:1200px;margin:auto}
.bs-section-head{display:grid;grid-template-columns:1fr .75fr;gap:45px;align-items:end;margin-bottom:28px}.bs-section-head h2{font:800 clamp(38px,4vw,54px)/.95 Rajdhani;margin:6px 0}.bs-section-head h2 span{color:var(--v2-cyan)}.bs-section-head p{font-size:16px}
.bs-story{display:grid;grid-template-columns:.82fr 1.18fr;min-height:300px;margin-bottom:14px;border-top:1px solid rgba(56,217,255,.18);border-bottom:1px solid rgba(56,217,255,.08);background:linear-gradient(110deg,#0b111a,#070b11);position:relative;overflow:hidden}
.bs-story.reverse{grid-template-columns:1.18fr .82fr}.bs-story.reverse .bs-story-copy{order:2}
.bs-story-copy{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}.bs-story-copy small{font:800 11px Rajdhani;color:var(--v2-gold);letter-spacing:.14em}.bs-story-copy h3{font:800 35px/.95 Rajdhani;margin:8px 0 12px;text-transform:uppercase}.bs-story-copy h3 span{color:var(--v2-cyan)}.bs-story-copy p{font-size:15px}
.bs-bullets{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.bs-bullets span{font:700 12px Rajdhani;padding:6px 9px;border-left:2px solid var(--v2-cyan);background:rgba(56,217,255,.035)}
.bs-story-visual{min-height:300px;position:relative;background:
radial-gradient(circle at 55% 50%,rgba(56,217,255,.12),transparent 30%),
linear-gradient(135deg,#080d14,#05070b)}
.bs-story-visual .giant{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:800 clamp(55px,7vw,110px)/.85 Rajdhani;color:rgba(255,255,255,.045);text-transform:uppercase}
.bs-story-visual img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(.85)}
.bs-story-visual.logo-visual{padding:30px}.bs-story-visual.logo-visual img{object-fit:contain;filter:none}
.bs-action{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:8px;color:var(--v2-cyan);font:800 14px Rajdhani;text-transform:uppercase;text-decoration:none}
.bs-action:hover{color:#fff}
.bs-project-stream{display:grid;grid-template-columns:1.15fr .85fr 1fr;gap:12px}.bs-project-item{min-height:290px;position:relative;overflow:hidden;border-bottom:1px solid rgba(56,217,255,.14);background:#080d14}.bs-project-item:nth-child(2),.bs-project-item:nth-child(5){transform:translateY(28px)}.bs-project-item img{width:100%;height:100%;object-fit:contain;padding:14px;transition:.3s}.bs-project-item::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,7,11,.88))}.bs-project-item b{position:absolute;left:18px;bottom:16px;z-index:2;font:800 22px Rajdhani;text-transform:uppercase}.bs-project-item:hover img{transform:scale(1.025)}
.bs-cta{padding:58px 5%;background:linear-gradient(90deg,rgba(56,217,255,.04),rgba(118,87,255,.035));border-top:1px solid rgba(56,217,255,.09)}
.bs-cta .inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.bs-cta h2{font:800 40px/.95 Rajdhani;margin:6px 0}.bs-cta h2 span{color:var(--v2-cyan)}

/* RESPONSIVO */
@media(max-width:1180px){
  header nav{gap:13px!important}header nav>a{font-size:13px!important}
}
@media(max-width:1050px){
  header{justify-content:space-between!important;min-height:72px!important}
  header .menu-toggle{display:block!important;order:3}
  header nav{display:none!important;position:absolute!important;top:72px!important;left:0!important;right:0!important;margin:0!important;padding:18px 5%!important;background:#070b11!important;flex-direction:column!important;align-items:stretch!important;border-bottom:1px solid rgba(56,217,255,.12)!important}
  header nav.show{display:flex!important}
  header nav>a{padding:10px 0!important;border:0!important;font-size:16px!important}
  header .header-buttons,header .mobile-nav-buttons{margin:5px 0 0!important}
  .hero,.catalog-hero{padding-top:125px!important}
}
@media(max-width:820px){
  .bs-page-hero .inner,.bs-section-head,.bs-story,.bs-story.reverse,.bs-cta .inner{grid-template-columns:1fr}.bs-story.reverse .bs-story-copy{order:initial}
  .bs-hero-mark{height:210px}.bs-project-stream{grid-template-columns:1fr 1fr}.bs-project-item:nth-child(2),.bs-project-item:nth-child(5){transform:none}
}
@media(max-width:560px){
  body{font-size:16px!important}.hero h1,.catalog-hero h1{font-size:40px!important}
  .bs-page-hero{padding-left:4%;padding-right:4%}.bs-page-hero h1{font-size:45px}.bs-editorial{padding-left:4%;padding-right:4%}
  .bs-story-copy{padding:29px 23px}.bs-project-stream{grid-template-columns:1fr}
}