/* BrainXCell site layer (navigation + internal pages)
   IMPORTANT: keep Atomicat LP visuals unchanged. */

:root{
  --bx-max: 1100px;
  --bx-pad: 16px;
  --bx-text: #111;
  --bx-muted: #6b7280;
  --bx-bg: #fff;
  --bx-border: rgba(0,0,0,.10);
  --bx-shadow: 0 10px 30px rgba(0,0,0,.10);
}

/* -------- NAV --------
   Requirement: keep LP visual intact.
   Strategy:
   - Fixed white bar (desktop)
   - Mobile hamburger drawer
   - No overlay: page gets top padding equal to nav height
*/
:root{ --bx-nav-h: 72px; }

html{ scroll-padding-top: var(--bx-nav-h); }

.bx-has-fixednav{ padding-top: var(--bx-nav-h); }

.bx-nav{
  position: fixed;
  top: 0; left: 0; right: 0;
  height: var(--bx-nav-h);
  z-index: 99999;
  background: #fff;
  border-bottom: 1px solid var(--bx-border);
}

.bx-nav.bx-nav--scrolled{ box-shadow: 0 6px 18px rgba(0,0,0,.08); }

.bx-nav__inner{
  max-width: var(--bx-max);
  margin: 0 auto;
  height: 100%;
  padding: 0 var(--bx-pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.bx-nav__brand{
  display:flex;
  align-items:center;
  gap: 10px;
  min-width: 140px;
}
.bx-nav__brand img{
  height: 26px;
  width: auto;
  display:block;
}

.bx-nav__links{
  display:flex;
  align-items:center;
  gap: 14px;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: .02em;
}
.bx-nav__links a{
  color: #111;
  text-decoration: none;
  opacity: .8;
}
.bx-nav__links a:hover{ opacity: 1; }
.bx-nav__links a[aria-current="page"]{ opacity: 1; font-weight: 600; }

.bx-nav__cta{
  display:flex;
  align-items:center;
  gap: 10px;
}
.bx-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 9px 14px;
  border-radius: 999px;
  background: #0b2a6f;
  color: #fff;
  text-decoration:none;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: 13px;
  line-height: 1;
}
.bx-btn:hover{ filter: brightness(1.05); }

.bx-nav__menuBtn{
  display:none;
  border: 1px solid var(--bx-border);
  background:#fff;
  padding: 9px 12px;
  border-radius: 10px;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 13px;
}

/* Mobile: hide links, show hamburger */
@media (max-width: 860px){
  .bx-nav__links{ display:none; }
  .bx-nav__menuBtn{ display:inline-flex; }
}

/* Drawer */
.bx-drawer{
  position: fixed;
  inset: 0;
  z-index: 100000;
  display:none;
}
.bx-drawer.bx-drawer--open{ display:block; }
.bx-drawer__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.40);
}
.bx-drawer__panel{
  position:absolute;
  top:0; right:0;
  height:100%;
  width:min(360px, 92vw);
  background:#fff;
  box-shadow: var(--bx-shadow);
  padding: 16px;
  display:flex;
  flex-direction:column;
  gap: 14px;
}
.bx-drawer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--bx-border);
}
.bx-drawer__links{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding-top: 6px;
}
.bx-drawer__links a{
  color:#111;
  text-decoration:none;
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 15px;
  padding: 10px 8px;
  border-radius: 10px;
}
.bx-drawer__links a:hover{ background: rgba(0,0,0,.05); }
.bx-drawer__cta{ margin-top:auto; }


/* -------- INTERNAL PAGES -------- */
.bx-page{
  min-height: 100vh;
  background: var(--bx-bg);
  color: var(--bx-text);
  font-family: Roboto, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
}
.bx-wrap{
  max-width: var(--bx-max);
  margin: 0 auto;
  padding: 96px var(--bx-pad) 56px; /* 96 to clear fixed nav */
}
.bx-hero{
  text-align:center;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--bx-border);
  margin-bottom: 22px;
}
.bx-hero img{ height: 42px; width:auto; display:block; margin: 0 auto 12px; }
.bx-hero h1{
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 30px;
  line-height: 1.1;
  margin: 0;
}
.bx-meta{
  margin-top: 8px;
  color: var(--bx-muted);
  font-size: 13px;
}
.bx-content{
  max-width: 900px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 1.65;
}
.bx-content h2{
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 22px;
  margin: 26px 0 10px;
}
.bx-content h3{
  font-family: Poppins, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 18px;
  margin: 18px 0 8px;
}
.bx-content p{ margin: 10px 0; }
.bx-content ul{ margin: 10px 0 10px 18px; }
.bx-content li{ margin: 6px 0; }
.bx-note{
  border: 1px solid var(--bx-border);
  border-radius: 16px;
  padding: 14px 16px;
  background: rgba(0,0,0,.03);
  margin: 18px 0;
}
.bx-footer{
  border-top: 1px solid var(--bx-border);
  padding: 22px var(--bx-pad);
  color: var(--bx-muted);
  font-size: 13px;
  text-align:center;
}
.bx-footer a{ text-decoration: underline; }

/* =========================
   BX Drawer (Mobile Menu) — DS Standard
   ========================= */
.bx-drawer{ position:fixed; inset:0; z-index:9999; }
.bx-drawer[aria-hidden="true"]{ display:none; }
.bx-drawer[aria-hidden="false"]{ display:block; }

.bx-drawer__backdrop{
  position:absolute; inset:0;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(2px);
}

.bx-drawer__panel{
  position:absolute;
  top:0; right:0;
  height:100%;
  width:min(380px, 92vw);
  background: var(--bx-navy, #000b2e);
  color:#fff;
  box-shadow: -18px 0 46px rgba(0,0,0,.35);
  overflow-y:auto;
  padding: 14px 14px 18px;
}

.bx-drawer__top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 6px 14px;
  border-bottom: 1px solid rgba(255,255,255,.14);
  margin-bottom: 12px;
}

.bx-drawer__links{
  display:flex;
  flex-direction:column;
  gap: 10px;
  padding: 6px;
}

.bx-drawer__links a{
  display:flex;
  align-items:center;
  padding: 12px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color:#fff;
  font-weight: 800;
}

.bx-drawer__links a[aria-current="page"]{
  background: rgba(255,193,7,.16);
  border-color: rgba(255,193,7,.35);
}

.bx-drawer__links a[href*="buy"]{
  background: linear-gradient(180deg, var(--bx-gold, #ffc107), #e6a900);
  color:#111;
  border-color: rgba(0,0,0,.12);
}

/* Drawer: CTA igual aos itens (alinhado à esquerda) */
.bx-drawer__links .bx-btn{
  box-sizing: border-box;    /* <--- ADICIONE ESTA LINHA */
  width: 100%;
  display: flex;
  justify-content: flex-start;   /* <- esquerda */
  text-align: left;
  padding: 12px 14px;
  border-radius: 10px;
  margin-top: 8px;
}