/* ============================================================
   SKIN "HUDDLE" — teste editorial claro para a Revista do Radar
   Paleta: paper #fff · ink #151515 · sage #d3e5e9 · lavender #bbb2ce
           rose #cb9da2 · violet #453b60 · amber #65451d · gold #e4b976
   Tipografia: Inter (300/400/500) com tracking negativo, single-sans.
   Princípios: flat, hairlines 1px, pills, sem sombra, sem neon.
   Ativada por ?skin=huddle (loader no psi-hero.js). Reversível.
   ============================================================ */

/* ---------- base / canvas ---------- */
html, body { background:#ffffff !important; }
body, .mag { background:#ffffff !important; color:#151515 !important;
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif !important; }
.mag { max-width:1200px !important; }
::selection { background:#e4b976; color:#151515; }

/* single-sans em toda a página (assinatura Huddle) */
.mag, .mag *, .fb-box, .fb-box *, .skin-toggle {
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif !important; }
h1 { font-weight:300 !important; }

/* na skin, conteúdo sempre visível (evita reveal travado; estética Huddle é estática/quiet) */
.reveal { opacity:1 !important; transform:none !important; transition:none !important; }

/* ---------- barra fixa / topo ---------- */
.bar-fixed { background:#ffffff !important; color:#3a4444 !important;
  border-bottom:1px solid #e5e6e1 !important; box-shadow:none !important; }
.bar-fixed button, .bar-fixed a {
  background:#151515 !important; color:#ffffff !important;
  border:0 !important; border-radius:1000px !important; padding:9px 20px !important;
  font-family:"Inter",sans-serif !important; font-weight:500 !important;
  box-shadow:none !important; text-shadow:none !important; filter:none !important; }

/* ---------- banner WhatsApp (mantém a fita — assinatura da marca) ---------- */
.wa-banner { background:#ffffff !important; border:1px solid #333333 !important;
  border-radius:8px !important; box-shadow:none !important; }
.wa-banner .wa-hl, .wa-banner .wa-sub { color:#151515 !important; }
.wa-banner .wa-go { background:#151515 !important; color:#ffffff !important;
  border-radius:1000px !important; box-shadow:none !important; }

/* ---------- formulário de melhorias ---------- */
.fb-box { background:#ffffff !important; border:1px solid #333333 !important;
  border-radius:8px !important; }
.fb-box .fb-t { color:#65451d !important; }
.fb-box textarea { background:#ffffff !important; color:#151515 !important;
  border:1px solid #e5e6e1 !important; border-radius:8px !important; }
.fb-box textarea:focus { border-color:#453b60 !important; }
.fb-box button { background:#151515 !important; color:#ffffff !important;
  border-radius:1000px !important; }
.fb-msg.ok { color:#453b60 !important; } .fb-msg.err { color:#5c2529 !important; }

/* ---------- hero / capa ---------- */
.cover .kick { color:#3a4444 !important; font-family:"Inter",sans-serif !important;
  font-weight:500 !important; font-size:12px !important; letter-spacing:.14em !important; }
.cover .kick::before { content:"• "; color:#453b60; }
.cover h1 { color:#151515 !important; font-weight:300 !important;
  letter-spacing:-0.021em !important; }
.cover .li { -webkit-text-fill-color:#453b60 !important; background:none !important;
  color:#453b60 !important; font-weight:400 !important; }
.cover .lead { color:#3a4444 !important; font-weight:300 !important;
  font-size:18px !important; letter-spacing:-0.008em !important; }
.cstat { background:#ffffff !important; border:1px solid #333333 !important;
  border-radius:8px !important; box-shadow:none !important; }
.cstat b { color:#151515 !important; -webkit-text-fill-color:#151515 !important;
  font-weight:300 !important; }
.cstat span { color:#3a4444 !important; text-transform:uppercase;
  font-size:11px !important; letter-spacing:.1em; }
.cstat:hover { transform:none !important; }

/* ---------- seções ---------- */
.sec-kick { color:#3a4444 !important; -webkit-text-fill-color:#3a4444 !important;
  font-family:"Inter",sans-serif !important; font-weight:500 !important;
  font-size:12px !important; letter-spacing:.14em !important; }
.sec-kick::before { content:"• "; color:#453b60; }
.sec-h { color:#151515 !important; -webkit-text-fill-color:#151515 !important;
  font-weight:300 !important; letter-spacing:-0.012em !important; }
.barr { background:#333333 !important; height:1px !important; box-shadow:none !important; }

/* ---------- "Aprovação é método" ---------- */
.pn-intro h3 { color:#453b60 !important; font-weight:400 !important; }
.pn-intro p, .pn-intro .pn-locais { color:#23241f !important; }
.pn-intro .pn-locais b { color:#65451d !important; }
.pn-intro .pn-tag { background:#151515 !important; color:#ffffff !important;
  border-radius:1000px !important; box-shadow:none !important; }
.pn-intro .pn-video { border:1px solid #333333 !important; border-radius:8px !important; }

/* ---------- cursos ---------- */
.courses-hd .ccount { color:#65451d !important; }
.course { border:1px solid #333333 !important; border-radius:8px !important;
  box-shadow:none !important; background:#ffffff !important; }
.course:hover { transform:translateY(-3px) !important; box-shadow:none !important;
  border-color:#453b60 !important; }
.course .price, .course [class*="price"] { background:#e4b976 !important;
  color:#151515 !important; border-radius:100px !important; }
.course-search, .course-select { background:#ffffff !important; color:#151515 !important;
  border:1px solid #e5e6e1 !important; border-radius:100px !important; }
.course-search:focus, .course-select:focus { border-color:#453b60 !important; }
.callto { color:#453b60 !important; }
.cta { background:#e5e6e1 !important; color:#151515 !important;
  border:1px solid #333333 !important; border-radius:8px !important; box-shadow:none !important; }
.cta * { color:#151515 !important; }

/* ---------- mapa ---------- */
.mapwrap, #braznap { border-radius:8px !important; border:1px solid #333333 !important; }
.leaflet-container { background:#eef0ec !important; }
#braznap .ufnum { background:#151515 !important; color:#ffffff !important;
  border:0 !important; box-shadow:none !important; }
#braznap .ufnum.z { background:#e5e6e1 !important; color:#808080 !important; }
.leaflet-control-zoom a { background:#ffffff !important; color:#151515 !important;
  border-color:#e5e6e1 !important; }
#ufnacbox { color:#3a4444 !important; background:#e5e6e1 !important;
  border-radius:100px !important; padding:4px 14px !important; }
.mapwrap + p { color:#3a4444 !important; }
.maplegend { background:#ffffff !important; color:#151515 !important;
  border:1px solid #333333 !important; border-radius:8px !important; box-shadow:none !important; }
.maplegend, .maplegend * { color:#151515 !important; }

/* ---------- classificar / filtros ---------- */
.ctools, .ctools * { color:#151515 !important; }
#csort { background:#ffffff !important; color:#151515 !important;
  border:1px solid #333333 !important; border-radius:100px !important;
  font-family:"Inter",sans-serif !important; }

/* ---------- divisores de estado / blocos ---------- */
.state-divider { background:transparent !important; border:0 !important;
  border-top:1px solid #333333 !important; box-shadow:none !important; }
.state-divider .uf-tag { background:#151515 !important; color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important; border-radius:100px !important;
  box-shadow:none !important; }
.state-divider h2 { color:#151515 !important; font-weight:400 !important; }
.state-divider .ssub { color:#808080 !important; }
#cgrid .x-div { border-top:1px solid #333333 !important; }
#cgrid .x-div h2 { color:#453b60 !important; font-weight:400 !important; }

/* ---------- cards de concurso: status = cor do cartão (assinatura Huddle) ---------- */
.cc { background:#ffffff !important; border:1px solid #333333 !important;
  border-radius:8px !important; box-shadow:none !important; color:#151515 !important; }
.cc.is-mon  { background:#d3e5e9 !important; border-color:#333333 !important; }  /* sage: vão abrir */
.cc.is-prev { background:#bbb2ce !important; border-color:#333333 !important; }  /* lavender: previstos */
.cc:hover { box-shadow:0 18px 44px rgba(21,21,21,.14) !important; }
.cc .cargo { color:#3a4444 !important; }
.cc .orgao { color:#151515 !important; font-weight:500 !important; }
.cc .rows, .cc .rows * { color:#23241f !important; }
.cc .row { border-bottom:1px dotted #c9cac4 !important; }
.cc .row > span { color:#808080 !important; }
.cc .row > b { color:#151515 !important; }
.cc .chip { background:transparent !important; border:1px solid #65451d !important;
  color:#65451d !important; -webkit-text-fill-color:#65451d !important;
  border-radius:100px !important; box-shadow:none !important; font-weight:500 !important; }
.cc.is-mon .chip, .cc.is-prev .chip { border-color:#453b60 !important;
  color:#453b60 !important; -webkit-text-fill-color:#453b60 !important; }
.cc .ufchip { background:#151515 !important; color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important; border-radius:100px !important; }
.cc .cc-link { background:#151515 !important; color:#ffffff !important;
  border-radius:1000px !important; box-shadow:none !important; border:0 !important;
  text-shadow:none !important; filter:none !important; }
.cc .cc-link:hover { background:#453b60 !important; }

/* ---------- embeds (Instagram / YouTube) ---------- */
.rev-embed iframe { background:#ffffff !important; border:1px solid #333333 !important; }
#revYt .yt-item { background:#ffffff !important; border:1px solid #e5e6e1 !important;
  color:#23241f !important; border-radius:8px !important; }
#revYt .yt-item:hover { border-color:#453b60 !important; }
#revYt .yt-item.on { border-color:#453b60 !important; background:#e5e6e1 !important; }
.rev-views { color:#808080 !important; }
.rev-views b { color:#453b60 !important; }

/* ---------- rodapé ---------- */
.foot { color:#3a4444 !important; border-top:1px solid #333333 !important; }
.foot * { color:#3a4444 !important; }

/* ---------- botão de alternância da skin (injetado pelo loader) ---------- */
.skin-toggle { position:fixed; left:18px; bottom:18px; z-index:80;
  background:#151515; color:#fff; border:0; border-radius:1000px;
  padding:10px 18px; font:500 13px/1 "Inter",sans-serif; cursor:pointer;
  opacity:.92; transition:opacity .2s ease, transform .2s ease; }
.skin-toggle:hover { opacity:1; transform:translateY(-2px); }

/* impressão: relatório continua com as regras próprias */
@media print { .skin-toggle { display:none !important; } }

/* ---------- 2026-07-13: pedidos do usuário ---------- */
/* "Ver detalhes" em cinza escuro */
.cc .cc-more { color:#3a4444 !important; -webkit-text-fill-color:#3a4444 !important; }
/* chip INSCRIÇÕES ABERTAS: verde clara + fonte preta (vence o inline lime do render) */
.cc[data-st="inscricoes_abertas"] .chip { background:#c9efcf !important; border:1px solid #2e6b3a !important;
  color:#0a0a0a !important; -webkit-text-fill-color:#0a0a0a !important; }
/* caixinha "Inscrições abertas" do hero: verde clara + fonte preta (classe marcada pelo psi-hero v21) */
.cstat.cstat-abertas { background:#c9efcf !important; }
.cstat.cstat-abertas b, .cstat.cstat-abertas span { color:#0a0a0a !important; -webkit-text-fill-color:#0a0a0a !important; }