/* ============================================================
   Chrome global do site (header de navegação + barra de mercado)
   para as páginas de produto standalone.
   TUDO escopado em .iativei-chrome com valores fixos — não usa
   global.css e não redefine .container/.btn/.eyebrow/.hero,
   então NÃO colide com o CSS de cada página de produto.
   ============================================================ */
.iativei-chrome{ font-family:"Manrope","Segoe UI",system-ui,sans-serif; position:relative; z-index:50; }
.iativei-chrome *{ box-sizing:border-box; }
.iativei-chrome a{ text-decoration:none; }
.iativei-chrome .chrome-inner{ width:100%; max-width:1200px; margin:0 auto; padding:0 1.75rem; }

/* Blindagem: algumas páginas de produto têm um styles.css antigo com as MESMAS
   classes de header (.site-header, .brand-text em, .header-nav a...). Como o header
   próprio delas foi removido, essas regras ficam mortas mas ainda vazam para a chrome.
   Aqui anulamos os vazamentos conhecidos para o header ficar idêntico ao da home. */
.iativei-chrome .site-header{ position:relative !important; z-index:60 !important; }
.iativei-chrome .brand-logo{ background:none !important; }
.iativei-chrome .brand-text em{ color:#fff !important; -webkit-text-fill-color:#fff !important; font-family:"JetBrains Mono",ui-monospace,monospace !important; font-style:normal !important; }
.iativei-chrome .header-nav > a{ display:inline-block !important; }

/* ---------- header ---------- */
.iativei-chrome .site-header{ padding:1.1rem 0; background:rgba(5,3,20,0.7); backdrop-filter:blur(18px) saturate(1.4); border-bottom:1px solid rgba(167,139,250,0.1); }
.iativei-chrome .header-row{ display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.iativei-chrome .brand{ display:flex; align-items:center; gap:0.85rem; text-decoration:none; }
.iativei-chrome .brand-logo{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; box-shadow:0 0 24px rgba(139,92,246,0.4); }
.iativei-chrome .brand-logo img{ width:40px; height:40px; border-radius:50%; object-fit:cover; }
.iativei-chrome .brand-text{ display:flex; flex-direction:column; line-height:1.1; font-weight:700; font-size:1.1rem; letter-spacing:-0.02em; color:#fff; }
.iativei-chrome .brand-text em{ font-family:"JetBrains Mono",ui-monospace,monospace; font-style:normal; font-weight:500; font-size:0.72rem; letter-spacing:0.02em; color:#fff; margin-top:3px; white-space:nowrap; }
.iativei-chrome .header-nav{ display:flex; align-items:center; gap:1rem; }
.iativei-chrome .header-nav > a{ font-family:"JetBrains Mono",ui-monospace,monospace; font-size:0.73rem; letter-spacing:0.04em; color:#a8a4d6; transition:color .2s; }
.iativei-chrome .header-nav > a:hover{ color:#c4b5fd; }
.iativei-chrome .header-cta{ padding:0.45rem 0.85rem; border-radius:999px; font-weight:700; font-size:0.72rem; white-space:nowrap; transition:transform .15s ease; }
.iativei-chrome .header-cta:hover{ transform:translateY(-1px); }
.iativei-chrome .header-cta-newsletter{ color:#fff !important; background:linear-gradient(135deg,#4f86ff 0%,#7c5cff 56%,#9b5cff 100%) !important; box-shadow:0 12px 30px -14px rgba(124,92,255,.9), inset 0 0 0 1px rgba(255,255,255,.18); }
.iativei-chrome .header-cta-guides{ color:#04140a !important; background:linear-gradient(135deg,#b7ff3c 0%,#39ff88 52%,#18e3ff 100%) !important; box-shadow:0 10px 30px -14px rgba(57,255,136,.9), inset 0 0 0 1px rgba(255,255,255,.45); }
.iativei-chrome .header-cta-rx{ color:#fff !important; background:linear-gradient(135deg,#a855f7 0%,#d946ef 52%,#ff5fb4 100%) !important; box-shadow:0 12px 30px -14px rgba(217,70,239,.9), inset 0 0 0 1px rgba(255,255,255,.2); }

/* CTAs visíveis no mobile (fora do menu), igual à home */
.iativei-chrome .mobile-header-cta{ display:none; align-items:center; justify-content:center; min-height:38px; padding:0.5rem 0.85rem; border-radius:999px; font-weight:800; font-size:0.72rem; white-space:nowrap; text-align:center; }
.iativei-chrome .mobile-header-cta-newsletter{ color:#fff !important; background:linear-gradient(135deg,#4f86ff,#7c5cff 56%,#9b5cff) !important; box-shadow:0 12px 30px -14px rgba(124,92,255,.9); }
.iativei-chrome .mobile-header-cta-guides{ color:#04140a !important; background:linear-gradient(135deg,#b7ff3c,#39ff88 52%,#18e3ff) !important; box-shadow:0 10px 30px -14px rgba(57,255,136,.9); }
.iativei-chrome .mobile-header-cta-rx{ color:#fff !important; background:linear-gradient(135deg,#a855f7,#d946ef 52%,#ff5fb4) !important; box-shadow:0 12px 30px -14px rgba(217,70,239,.9); }

/* ---------- dropdowns (nativos <details>) ---------- */
.iativei-chrome .nav-dropdown{ position:relative; }
.iativei-chrome .nav-dropdown summary{ font-family:"JetBrains Mono",ui-monospace,monospace; font-size:0.73rem; letter-spacing:0.04em; color:#a8a4d6; cursor:pointer; list-style:none; white-space:nowrap; }
.iativei-chrome .nav-dropdown summary::-webkit-details-marker{ display:none; }
.iativei-chrome .nav-dropdown summary::after{ content:" ▾"; opacity:.6; }
.iativei-chrome .nav-dropdown[open] summary{ color:#c4b5fd; }
.iativei-chrome .nav-dropdown-menu{ position:absolute; top:calc(100% + 0.9rem); left:50%; transform:translateX(-50%); background:rgba(11,8,34,0.98); backdrop-filter:blur(18px); border:1px solid rgba(167,139,250,0.28); border-radius:14px; padding:0.5rem; display:flex; flex-direction:column; min-width:230px; gap:0.05rem; z-index:70; box-shadow:0 30px 60px -20px rgba(0,0,0,.75); }
.iativei-chrome .nav-dropdown-menu a{ font-family:"Manrope",sans-serif; font-size:0.9rem; color:#d4d4f5; padding:0.58rem 0.8rem; border-radius:9px; }
.iativei-chrome .nav-dropdown-menu a:hover{ background:rgba(255,255,255,.06); color:#fff; }

/* ---------- menu mobile (hamburguer) ---------- */
.iativei-chrome .mobile-nav{ display:none; position:relative; }
.iativei-chrome .mobile-nav > summary{ min-height:40px; border-radius:999px; border:1px solid rgba(167,139,250,0.28); background:rgba(14,10,42,0.86); display:inline-flex; align-items:center; gap:0.5rem; padding:0.5rem 0.9rem; cursor:pointer; list-style:none; }
.iativei-chrome .mobile-nav > summary::-webkit-details-marker{ display:none; }
.iativei-chrome .mobile-nav-icon{ display:grid; gap:4px; }
.iativei-chrome .mobile-nav-icon span{ width:18px; height:2px; border-radius:999px; background:#f5f3ff; transition:transform .2s ease, opacity .2s ease; }
.iativei-chrome .mobile-nav-label{ font-family:"JetBrains Mono",ui-monospace,monospace; font-size:0.78rem; font-weight:700; letter-spacing:0.04em; color:#f5f3ff; text-transform:uppercase; }
.iativei-chrome .mobile-nav[open] .mobile-nav-icon span:nth-child(1){ transform:translateY(6px) rotate(45deg); }
.iativei-chrome .mobile-nav[open] .mobile-nav-icon span:nth-child(2){ opacity:0; }
.iativei-chrome .mobile-nav[open] .mobile-nav-icon span:nth-child(3){ transform:translateY(-6px) rotate(-45deg); }
.iativei-chrome .mobile-nav-panel{ position:absolute; top:calc(100% + 0.7rem); left:0; right:auto; width:min(88vw,320px); display:flex; flex-direction:column; gap:0.3rem; padding:0.7rem; background:rgba(11,8,34,0.99); backdrop-filter:blur(18px); border:1px solid rgba(167,139,250,0.28); border-radius:16px; box-shadow:0 30px 60px -20px rgba(0,0,0,.8); z-index:70; }
.iativei-chrome .mobile-nav-panel a{ font-size:0.95rem; color:#f5f3ff; padding:0.7rem 0.85rem; border-radius:10px; }
.iativei-chrome .mobile-nav-panel a:hover{ background:rgba(255,255,255,.06); }
.iativei-chrome .mobile-nav-cta{ margin-top:0.2rem; text-align:center; font-weight:800; }

/* ---------- barra de mercado ---------- */
.iativei-chrome .market-bar{ display:flex; align-items:stretch; min-height:40px; border-bottom:1px solid rgba(167,139,250,0.12); background:rgba(7,5,28,0.92); backdrop-filter:blur(14px) saturate(1.3); }
.iativei-chrome .market-weather{ display:flex; align-items:center; gap:0.4rem; flex:0 0 auto; padding:0 0.9rem; border-right:1px solid rgba(167,139,250,0.12); color:#d4d4f5; font-family:"JetBrains Mono",ui-monospace,monospace; font-size:0.74rem; white-space:nowrap; }
.iativei-chrome .market-weather-ico{ font-size:0.95rem; line-height:1; }
.iativei-chrome .market-weather-txt strong{ color:#fff; font-weight:600; }
.iativei-chrome .market-ticker{ flex:1 1 auto; min-width:0; display:flex; align-items:center; }
.iativei-chrome .market-ticker .tradingview-widget-container{ width:100%; }

/* ---------- responsivo (ESPELHO EXATO do header da home / global.css) ---------- */
@media (max-width:1200px){
  .iativei-chrome .header-nav{ display:none; }
  .iativei-chrome .mobile-nav{ display:block; }
  .iativei-chrome .mobile-header-cta{ display:inline-flex; }
  .iativei-chrome .header-row{ justify-content:flex-start; gap:0.5rem; }
  .iativei-chrome .mobile-nav{ order:1; }
  .iativei-chrome .mobile-header-cta{ order:2; }
  .iativei-chrome .brand{ order:3; margin-left:auto; gap:0.7rem; padding:0.55rem 0.8rem; background:rgba(7,5,28,0.62); border:1px solid rgba(167,139,250,0.08); }
}
@media (max-width:720px){
  .iativei-chrome .site-header{ padding:0.7rem 0; }
  .iativei-chrome .header-row{ gap:0.38rem; }
  .iativei-chrome .brand{ padding:0; background:transparent; border:0; }
  .iativei-chrome .brand-logo,.iativei-chrome .brand-logo img{ width:34px; height:34px; }
  .iativei-chrome .brand-text{ display:none; }
  .iativei-chrome .mobile-header-cta{ min-height:34px; font-size:0.66rem; line-height:1.05; padding:0.4rem 0.54rem; max-width:7.4rem; text-align:center; white-space:normal; }
  .iativei-chrome .mobile-nav > summary{ min-height:34px; padding:0.4rem 0.56rem; gap:0.42rem; }
  .iativei-chrome .mobile-nav-label{ font-size:0.68rem; }
  .iativei-chrome .mobile-nav-icon{ gap:3px; }
  .iativei-chrome .mobile-nav-icon span{ width:16px; height:2px; }
}
@media (max-width:520px){ .iativei-chrome .market-weather{ padding:0 0.6rem; font-size:0.68rem; } }
@media (max-width:420px){
  .iativei-chrome .chrome-inner{ padding:0 0.55rem; }
  .iativei-chrome .mobile-header-cta{ min-height:32px; font-size:0.6rem; padding:0.34rem 0.44rem; max-width:6.4rem; }
  .iativei-chrome .mobile-nav > summary{ min-height:32px; padding:0.34rem 0.5rem; }
  .iativei-chrome .mobile-nav-label{ font-size:0.62rem; }
}