/* Tema Hoshin: cobre sobre carvão, com o verde neon do logo só como acento (foco, ativo, linha
   sob o cabeçalho). Carregado por ÚLTIMO em todas as páginas; as cores de cada tela ficam nos
   próprios arquivos, aqui só a marca e os acentos comuns. */
:root{
  --hs-bg:#121416; --hs-panel:#1b1e20; --hs-panel-2:#232628; --hs-line:#3a322d;
  --hs-copper:#d4895a; --hs-copper-hi:#f2bf98; --hs-copper-lo:#8c4f2c;
  --hs-copper-grad:linear-gradient(135deg,#f6c7a0 0%,#d08a5a 45%,#8c4a26 100%);
  --hs-neon:#58f06c; --hs-neon-soft:rgba(88,240,108,.35);
  --hs-text:#eee8e2; --hs-dim:#a89f97;
}

/* ---------- marca ---------- */
.hs-mark{display:block;width:46px;height:46px;flex:none;filter:drop-shadow(0 0 7px rgba(88,240,108,.22))}
.brand .mark,.logo-mark,.side .brand .mark{background:none!important;box-shadow:none!important;border:0!important;
  width:auto!important;height:auto!important;padding:0!important;border-radius:0!important}
.brand .nm,.logo-text strong,.side .brand b,.hs-word{
  background:var(--hs-copper-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important;
  font-weight:700;letter-spacing:.01em}

/* linha verde neon sob o cabeçalho, como a barra do logo */
.site-header,.mentor-page>header,nav.top,body>header{position:relative}
.site-header::after,.mentor-page>header::after,nav.top::after,body>header::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--hs-neon) 18%,var(--hs-neon) 82%,transparent);
  box-shadow:0 0 8px var(--hs-neon-soft);opacity:.55}

/* ---------- acentos ---------- */
:focus-visible{outline:2px solid var(--hs-neon)!important;outline-offset:2px}
::selection{background:rgba(212,137,90,.45);color:#fff}
.lang-switch button.active,.chat-lang button.active{box-shadow:0 0 0 1px var(--hs-neon-soft)}
@media(max-width:700px){.hs-mark{width:36px;height:36px}}

/* ---------- "Por que é diferente" (landing): fio de cobre e ícones em bronze ---------- */
#features{background:var(--hs-bg)}
#features .section-head .eyebrow{color:var(--hs-copper)}
#features .section-head h2{color:var(--hs-text)}
#features .section-head p{color:var(--hs-dim)}
#features .feature{
  /* moldura de 1px: o degradê de cobre fica por baixo e o fundo do cartão cobre o miolo */
  border:1px solid transparent;border-radius:6px;box-shadow:none;
  background:linear-gradient(#17191b,#17191b) padding-box,
             linear-gradient(135deg,#f6c7a0 0%,#b9744a 28%,#4a2c1c 55%,#8c4f2c 78%,#e0a47a 100%) border-box;
  transition:box-shadow .25s ease,transform .25s ease}
#features .feature:hover{box-shadow:0 0 0 1px rgba(242,191,152,.18),0 14px 34px rgba(0,0,0,.45);transform:translateY(-2px)}
#features .feature h3{color:var(--hs-text)}
#features .feature p{color:var(--hs-dim)}
#features .feature .ico{color:#b07a52;background:none}
#features .feature .ico .accent{stroke:var(--hs-copper-hi)}
#features .feature .ico .wash{fill:rgba(212,137,90,.18)}
@media(prefers-reduced-motion:reduce){#features .feature{transition:none}#features .feature:hover{transform:none}}
@media(max-width:700px){#features .features-grid{gap:14px}#features .feature{padding:24px;margin:0}}

/* ---------- menu "Minha conta" (era creme do tema antigo) ---------- */
.profile-popover [hidden]{display:none!important}   /* o display:flex dos itens não pode reexibir o que está oculto */
.profile-popover{background:var(--hs-panel);border:1px solid var(--hs-line);color:var(--hs-text);
  box-shadow:0 22px 60px #000a;border-radius:14px}
.profile-popover .stat{color:var(--hs-dim)}
.profile-popover .who{font-size:12px;color:var(--hs-text);font-weight:600;word-break:break-all;padding-bottom:8px;border-bottom:1px solid var(--hs-line)}
.profile-popover #norteo-plan{border-bottom-color:var(--hs-line)!important}
.profile-popover select{background:var(--hs-panel-2);color:var(--hs-text);border:1px solid var(--hs-line);border-radius:10px;
  padding:0 12px;color-scheme:dark}
.profile-popover .btn-reidx{background:transparent;color:var(--hs-copper-hi);border:1px solid var(--hs-line);border-radius:10px;
  display:flex;align-items:center;gap:10px;padding:0 14px;font-weight:600;cursor:pointer;text-align:left;
  min-height:40px;width:100%;box-sizing:border-box;text-decoration:none;font-size:13px}   /* link (Ajuda) igual aos botões */
.profile-popover .btn-reidx:hover{background:var(--hs-panel-2);border-color:var(--hs-copper-lo)}
.profile-popover select:focus-visible,.profile-popover .btn-reidx:focus-visible{outline:2px solid var(--hs-neon);outline-offset:2px}
.profile-popover .btn-reidx .ic{color:var(--hs-copper)}