/* O site aberto da Mentorias SAP da HubClub (tela/site.html): a página em volta da tela. O desenho é o do mentorias.css,
   igual ao da aba do painel; aqui fica só o que, no painel, vem do próprio painel:
     - o fundo (no site, o azul-marinho das outras páginas da HubClub; no painel vale o fundo do painel), a letra do
       texto (Inter), a altura da página e as barras de rolagem;
     - a "base" que o painel aplica a todos os elementos (bordas zeradas, margens dos títulos e parágrafos, listas sem
       bolinha, botões e campos herdando a letra...). Copiada das regras do painel (lidas em 03/10/2026), com o mesmo peso
       que têm lá, mas valendo só dentro da tela (.hm, as janelas .hm-camada e o aviso .hm-aviso).
   Este arquivo só é carregado no site (nunca dentro do painel). */
html { line-height: 1.5; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; tab-size: 4; -webkit-tap-highlight-color: transparent; background: #02070b; }
html, body { height: 100%; }
body { margin: 0; line-height: inherit; overflow: hidden; background: #02070b; color: #fff; -webkit-font-smoothing: antialiased;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif; }
::selection { background: rgba(46, 118, 151, .5); color: #fff; }
#hm-site { height: 100%; height: 100dvh; display: flex; flex-direction: column; min-height: 0; }
.site-sem-script { margin: 0; padding: 60px 20px; text-align: center; color: rgba(255, 255, 255, .7); font-size: 14px; }

/* ── as cores do site: os cartões e o topo no azul-marinho (a folha da tela vem depois desta, por isso os seletores
   mais fortes) */
.hm-raiz .hm, .hm-camada.hm-camada { --hm-fundo: #02070b; --hm-cartao: #09131b; --hm-cartao2: #0d1a24; --hm-ap-topo: rgba(2, 7, 11, .88); }
.hm-raiz .hm option, .hm-camada.hm-camada option { background: #09131b; }
.hm-camada .hm-painel, .hm-camada .hm-painel-pe { background: #050d14; }

/* ── a base do painel, só dentro da tela */
:where(.hm, .hm-camada, .hm-aviso), :where(.hm, .hm-camada, .hm-aviso) *, :where(.hm, .hm-camada, .hm-aviso) ::before, :where(.hm, .hm-camada, .hm-aviso) ::after {
  box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; }
:where(.hm, .hm-camada, .hm-aviso) hr { height: 0; color: inherit; border-top-width: 1px; }
:where(.hm, .hm-camada, .hm-aviso) h1, :where(.hm, .hm-camada, .hm-aviso) h2, :where(.hm, .hm-camada, .hm-aviso) h3, :where(.hm, .hm-camada, .hm-aviso) h4,
:where(.hm, .hm-camada, .hm-aviso) h5, :where(.hm, .hm-camada, .hm-aviso) h6 { font-size: inherit; font-weight: inherit; }
:where(.hm, .hm-camada, .hm-aviso) a { color: inherit; text-decoration: inherit; }
:where(.hm, .hm-camada, .hm-aviso) b, :where(.hm, .hm-camada, .hm-aviso) strong { font-weight: bolder; }
:where(.hm, .hm-camada, .hm-aviso) small { font-size: 80%; }
:where(.hm, .hm-camada, .hm-aviso) table { text-indent: 0; border-color: inherit; border-collapse: collapse; }
:where(.hm, .hm-camada, .hm-aviso) button, :where(.hm, .hm-camada, .hm-aviso) input, :where(.hm, .hm-camada, .hm-aviso) optgroup, :where(.hm, .hm-camada, .hm-aviso) select,
:where(.hm, .hm-camada, .hm-aviso) textarea { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit;
  line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; }
:where(.hm, .hm-camada, .hm-aviso) button, :where(.hm, .hm-camada, .hm-aviso) select { text-transform: none; }
:where(.hm, .hm-camada, .hm-aviso) button, :where(.hm, .hm-camada, .hm-aviso) input:where([type="button"]), :where(.hm, .hm-camada, .hm-aviso) input:where([type="reset"]),
:where(.hm, .hm-camada, .hm-aviso) input:where([type="submit"]) { -webkit-appearance: button; appearance: button; background-color: transparent; background-image: none; }
:where(.hm, .hm-camada, .hm-aviso) [type="search"] { -webkit-appearance: textfield; appearance: textfield; outline-offset: -2px; }
:where(.hm, .hm-camada, .hm-aviso) ::-webkit-search-decoration { -webkit-appearance: none; }
:where(.hm, .hm-camada, .hm-aviso) summary { display: list-item; }
:where(.hm, .hm-camada, .hm-aviso) blockquote, :where(.hm, .hm-camada, .hm-aviso) dd, :where(.hm, .hm-camada, .hm-aviso) dl, :where(.hm, .hm-camada, .hm-aviso) figure,
:where(.hm, .hm-camada, .hm-aviso) h1, :where(.hm, .hm-camada, .hm-aviso) h2, :where(.hm, .hm-camada, .hm-aviso) h3, :where(.hm, .hm-camada, .hm-aviso) h4,
:where(.hm, .hm-camada, .hm-aviso) h5, :where(.hm, .hm-camada, .hm-aviso) h6, :where(.hm, .hm-camada, .hm-aviso) hr, :where(.hm, .hm-camada, .hm-aviso) p,
:where(.hm, .hm-camada, .hm-aviso) pre { margin: 0; }
:where(.hm, .hm-camada, .hm-aviso) menu, :where(.hm, .hm-camada, .hm-aviso) ol, :where(.hm, .hm-camada, .hm-aviso) ul { list-style: none; margin: 0; padding: 0; }
:where(.hm, .hm-camada, .hm-aviso) textarea { resize: vertical; }
:where(.hm, .hm-camada, .hm-aviso) input::placeholder, :where(.hm, .hm-camada, .hm-aviso) textarea::placeholder { opacity: 1; color: #9ca3af; }
:where(.hm, .hm-camada, .hm-aviso) [role="button"], :where(.hm, .hm-camada, .hm-aviso) button { cursor: pointer; }
:where(.hm, .hm-camada, .hm-aviso) :disabled { cursor: default; }
:where(.hm, .hm-camada, .hm-aviso) audio, :where(.hm, .hm-camada, .hm-aviso) canvas, :where(.hm, .hm-camada, .hm-aviso) embed, :where(.hm, .hm-camada, .hm-aviso) iframe,
:where(.hm, .hm-camada, .hm-aviso) img, :where(.hm, .hm-camada, .hm-aviso) object, :where(.hm, .hm-camada, .hm-aviso) svg, :where(.hm, .hm-camada, .hm-aviso) video {
  display: block; vertical-align: middle; }
:where(.hm, .hm-camada, .hm-aviso) img, :where(.hm, .hm-camada, .hm-aviso) video { max-width: 100%; height: auto; }

/* Barras de rolagem finas e azuis (as dos outros sites da HubClub). */
.hm-corpo, .hm-painel-corpo, .hm-camada { scrollbar-width: thin; scrollbar-color: rgba(118, 183, 213, .35) transparent; }
.hm-corpo::-webkit-scrollbar, .hm-painel-corpo::-webkit-scrollbar, .hm-camada::-webkit-scrollbar { width: 8px; }
.hm-corpo::-webkit-scrollbar-track, .hm-painel-corpo::-webkit-scrollbar-track, .hm-camada::-webkit-scrollbar-track { background: transparent; }
.hm-corpo::-webkit-scrollbar-thumb, .hm-painel-corpo::-webkit-scrollbar-thumb, .hm-camada::-webkit-scrollbar-thumb { background: rgba(118, 183, 213, .3); border-radius: 999px; }