/* ============================================================
   SoftAcesso — Tema 2026 (override compartilhado)
   Carregado DEPOIS do <style> inline de cada página: mesmos
   seletores, vence a cascata e moderniza tudo sem tocar no HTML.
   Fonte do design: index.html (redesign 11/06/2026).
   ============================================================ */
:root{--font-mono:'JetBrains Mono',monospace;--font-display:'Space Grotesk',sans-serif;--bg:#06060b;--bg2:#0a0a12;--bg-card:#0e0e17;--bg-card-hover:#13131f;--border:#1c1c2c;--border2:#2a2a3e;--border-glow:#00ff8845;--text:#d8dae4;--text-dim:#71748a;--text-bright:#fff;--accent:#00ff88;--accent-dim:#00cc6a;--accent-glow:#00ff8820;--danger:#ff4466;--cyan:#00ccff}
::selection{background:var(--accent);color:#031008}
::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#1e1e30;border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}
body{background:var(--bg)}

/* SCROLL PROGRESS (elemento criado pelo theme-2026.js) */
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--accent),var(--cyan));z-index:1000;box-shadow:0 0 12px var(--accent);transition:width .08s linear}

/* ============================================================
   NAV — FONTE UNICA (v3)
   Todas as regras do menu foram REMOVIDAS dos <style> inline das
   79 paginas e vivem somente aqui. Mesmo arquivo = mesmo menu,
   byte-identico, em todas as paginas (PT, EN, blog, landings).
   ============================================================ */
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:14px 0!important;line-height:1.6!important;background:rgba(6,6,11,.72)!important;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:none!important}
nav::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.35),rgba(0,204,255,.2),transparent)}
nav .container{max-width:1140px!important;margin:0 auto;padding:0 24px!important;display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center;gap:24px!important}
.logo{font-family:var(--font-mono);font-weight:700;font-size:1.25rem!important;color:var(--accent);letter-spacing:-.5px;display:inline-flex;align-items:center;gap:9px}
.logo span{color:var(--text-bright)}
nav .logo{margin:0!important;text-align:left}
.logo::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent),0 0 28px var(--accent-glow);animation:saPulse 2.6s ease-in-out infinite;flex-shrink:0}
@keyframes saPulse{0%,100%{opacity:1}50%{opacity:.4}}
.nav-links{display:flex;gap:24px!important;align-items:center;justify-content:center}
.nav-links a{color:var(--text-dim);font-size:.9rem!important;font-weight:500;transition:color .2s;position:relative}
.nav-links a::after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--accent);transition:right .25s ease}
.nav-links a:hover{color:var(--text-bright);opacity:1}
.nav-links a:hover::after{right:0}
.nav-links a.active{color:var(--accent)}
.nav-buttons{display:flex;gap:10px;align-items:center}
.btn-nav{background:var(--accent);color:#031008!important;padding:8px 20px!important;border-radius:8px;font-weight:700;font-size:.85rem!important;transition:all .2s;white-space:nowrap}
.btn-nav:hover{background:var(--accent-dim);opacity:1;transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}
.btn-dl{background:transparent!important;border:1px solid rgba(0,255,136,.5)!important;color:var(--accent)!important}
.btn-dl:hover{background:var(--accent)!important;color:#031008!important;border-color:var(--accent)!important}
.lang-switch{display:flex;align-items:center;gap:4px;margin-right:6px}
.lang-switch a{display:flex;align-items:center;padding:2px;border-radius:4px;border:2px solid transparent;transition:all .2s;opacity:.5;text-decoration:none}
.lang-switch a:hover{opacity:.8;border-color:var(--border)}
.lang-switch a.active{opacity:1;border-color:var(--accent)}
.lang-switch img{width:28px!important;height:20px!important;border-radius:2px;display:block}
@media(max-width:768px){
  nav .container{gap:16px!important}
  .nav-links{display:none!important}
  .nav-buttons{gap:8px}
  .btn-nav{padding:6px 14px!important;font-size:.8rem!important}
}
@media(max-width:380px){
  .nav-buttons{gap:6px}
  .btn-nav{padding:5px 10px!important;font-size:.75rem!important}
}

/* HERO — aurora (sem grid floor nas subpáginas, só o brilho) */
.hero{isolation:isolate}
.hero::before{content:'';position:absolute;top:-140px;left:50%;transform:translateX(-50%);width:1100px;height:680px;background:
    radial-gradient(420px 320px at 38% 30%,rgba(0,255,136,.12),transparent 65%),
    radial-gradient(460px 340px at 64% 24%,rgba(0,204,255,.08),transparent 65%),
    radial-gradient(700px 420px at 50% 10%,rgba(0,255,136,.05),transparent 70%);
    filter:blur(8px);pointer-events:none;z-index:-1;animation:saAurora 14s ease-in-out infinite alternate}
@keyframes saAurora{0%{transform:translateX(-50%) scale(1) rotate(0deg)}100%{transform:translateX(-48%) scale(1.06) rotate(2deg)}}
h1 .highlight{background:linear-gradient(110deg,var(--accent) 20%,var(--cyan) 45%,var(--accent) 70%);background-size:220% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:saShimmer 5s ease-in-out infinite;filter:drop-shadow(0 0 26px rgba(0,255,136,.28))}
@keyframes saShimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.badge{border:1px solid rgba(0,255,136,.28);background:linear-gradient(180deg,rgba(0,255,136,.07),rgba(0,255,136,.02));box-shadow:0 0 28px rgba(0,255,136,.1),inset 0 1px 0 rgba(255,255,255,.05)}

/* BOTÕES */
.btn-primary{color:#031008;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 4px 24px rgba(0,255,136,.18)}
.btn-primary::after{content:'';position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .55s ease}
.btn-primary:hover{box-shadow:0 10px 38px rgba(0,255,136,.3)}
.btn-primary:hover::after{left:130%}
.btn-secondary{background:rgba(255,255,255,.02);border:1px solid var(--border2);border-radius:10px}
.btn-secondary:hover{box-shadow:0 0 24px rgba(0,255,136,.1)}

/* RÓTULOS DE SEÇÃO */
.section-label{display:flex;align-items:center;gap:14px}
.section-label::after{content:'';flex:0 0 56px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}

/* CARDS */
.feature-card,.security-card{position:relative;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(160deg,var(--border2),var(--border) 40%,var(--border)) border-box;border:1px solid transparent;border-radius:16px;overflow:hidden}
.price-card{position:relative;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(160deg,var(--border2),var(--border) 40%,var(--border)) border-box;border:1px solid transparent;border-radius:16px}
.feature-card::after,.security-card::after,.price-card::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(380px circle at var(--mx,50%) var(--my,50%),rgba(0,255,136,.08),transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}
.feature-card:hover::after,.security-card:hover::after,.price-card:hover::after{opacity:1}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px rgba(0,255,136,.16);border-color:transparent;background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(160deg,var(--border2),var(--border) 40%,var(--border)) border-box}
.feature-icon{background:linear-gradient(160deg,rgba(0,255,136,.16),rgba(0,204,255,.06));border:1px solid rgba(0,255,136,.3);border-radius:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 22px rgba(0,255,136,.08)}
.security-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.security-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--cyan),transparent);opacity:0;transition:opacity .3s}
.security-card:hover::before{opacity:1}
.security-icon{background:linear-gradient(160deg,rgba(0,255,136,.12),rgba(0,204,255,.05));border:1px solid rgba(0,255,136,.22);border-radius:13px}
.security-pill{background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}
.security-pill:hover{color:var(--text);box-shadow:0 0 18px rgba(0,255,136,.12)}

/* COMO FUNCIONA */
.step{text-align:left;background:linear-gradient(180deg,rgba(255,255,255,.022),transparent);border:1px solid var(--border);border-radius:16px;padding:32px 28px;transition:border-color .3s,transform .3s}
.step:hover{border-color:var(--border-glow);transform:translateY(-4px)}
.step-num{color:transparent;-webkit-text-stroke:1px rgba(0,255,136,.55);opacity:1;line-height:1;margin-bottom:14px}

/* TABELA COMPARATIVA */
.comp-table{border-radius:16px;background:var(--bg-card)}
.comp-table th{background:rgba(255,255,255,.025)}
.comp-table th.hl{color:#031008;background:linear-gradient(135deg,var(--accent),#00e07a);font-weight:700}
.comp-table td.hl{background:rgba(0,255,136,.05);border-left:1px solid rgba(0,255,136,.18);border-right:1px solid rgba(0,255,136,.18)}
.comp-table tbody tr{transition:background .2s}.comp-table tbody tr:hover{background:rgba(255,255,255,.018)}

/* PREÇOS */
.price-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(0,0,0,.45)}
.price-card.popular{background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,linear-gradient(135deg,var(--accent),var(--cyan) 50%,var(--accent)) border-box;border:1px solid transparent;box-shadow:0 0 52px rgba(0,255,136,.14)}
.price-card.popular::before{background:linear-gradient(90deg,var(--accent),#00e07a);color:#031008;box-shadow:0 4px 18px rgba(0,255,136,.35);z-index:1}
.btn-buy{border-radius:10px}
.btn-buy.primary{color:#031008;box-shadow:0 4px 22px rgba(0,255,136,.2)}
.btn-buy.primary:hover{box-shadow:0 8px 32px rgba(0,255,136,.32)}
.btn-buy.outline{border:1px solid var(--border2)}

/* FAQ */
.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;background:linear-gradient(180deg,rgba(255,255,255,.015),transparent);transition:border-color .25s}
.faq-item:has(.faq-q.open){border-color:rgba(0,255,136,.3)}
.faq-q{padding:18px 20px;gap:16px}
.faq-q:hover{color:var(--accent)}
.faq-a p{padding:0 20px 20px}

/* FOOTER */
footer{position:relative}
footer::before{content:'';position:absolute;top:-1px;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(0,255,136,.4),transparent)}

/* SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
    .reveal{opacity:1;transform:none;transition:none}
    .hero::before,h1 .highlight,.logo::before{animation:none}
}