/* Site da Upsellers: por cima do site.css (o mesmo molde do site da GoCode), com a identidade OFICIAL da Upsellers
   (07/11/2026): base azul-marinho #0B1F33, ponto verde-azulado da marca-mãe #0F9488 (no escuro #2BC4B0) e a cor de
   cada família nos sistemas (Posts roxo #5B4BDB / #9B8CFF). O logo é imagem (assets/marca, gerada por scripts/gerar-marca.php). */
:root {
  --gc-marinho: #0B1F33; --gc-papel: #F5F6F8;
  --gc-fundo: #F5F6F8; --gc-fundo-2: #ECEFF3; --gc-cartao: #FFFFFF; --gc-cel: #F5F6F8;
  --gc-borda: #CDD3DB; --gc-linha: #E1E5EA; --gc-texto: #0B1F33; --gc-texto-2: #24384D; --gc-sec: #546273;
  --gc-pri: #0B1F33; --gc-pri-txt: #FFFFFF; --gc-link: #0E7F75;
  --up-cor: #0F9488; --up-cor-esc: #2BC4B0;
}
[data-tema=dark] {
  --gc-fundo: #0B1F33; --gc-fundo-2: #0F2740; --gc-cartao: #132E48; --gc-cel: #0B1F33;
  --gc-borda: #2A4560; --gc-linha: #1C3550; --gc-texto: #F5F6F8; --gc-texto-2: #C8D2DD; --gc-sec: #A3B1C0;
  --gc-pri: #F5F6F8; --gc-pri-txt: #0B1F33; --gc-link: #2BC4B0;
}
.gc-sec.marinho { background: #0B1F33; --gc-cartao: #132E48; --gc-borda: #2A4560; --gc-linha: #1C3550; --gc-cel: #0B1F33; --gc-link: #2BC4B0; }

/* logos (imagens): versão clara e escura trocam com o tema */
.up-logo { display: inline-flex; align-items: center; line-height: 0; }
.up-logo img { height: 40px; width: auto; display: block; }
.up-logo .so-escuro { display: none; }
[data-tema=dark] .up-logo .so-claro { display: none; } [data-tema=dark] .up-logo .so-escuro { display: block; }
.up-logo.topo img { height: 34px; }
.up-logo.rodape img { height: 36px; }
.up-logo.lg img { height: 56px; }
.up-logo.xg img { height: 92px; }
@media (max-width: 575.98px) { .up-logo.topo img { height: 28px; } .up-logo.xg img { height: 60px; } }

.up-rot { color: var(--up-cor); }
[data-tema=dark] .up-rot { color: var(--up-cor-esc); }
.up-capa-arte { background: #0B1F33; }
.up-capa-arte .legenda { display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: center; margin-top: 26px; }
.up-capa-arte .legenda span { font: 500 13px/1.4 var(--gc-sans); letter-spacing: .32em; }

/* famílias e sistemas: a cor da família no título, nos botões e na capa do cartão */
.up-fam .up-fam-nome { color: var(--fc); }
[data-tema=dark] .up-fam .up-fam-nome { color: var(--fc-esc, var(--fc)); }
.up-sis .gc-b.sis { background: var(--bc); border-color: var(--bc); color: #fff; }
[data-tema=dark] .up-sis .gc-b.sis { background: var(--bc-esc, var(--bc)); border-color: var(--bc-esc, var(--bc)); color: #0B1F33; }
.up-sis .gc-sis-capa.up-capa { background: #FFFFFF; border-bottom: 1px solid var(--gc-linha); display: grid; place-items: center; min-height: 150px; }
[data-tema=dark] .up-sis .gc-sis-capa.up-capa { background: #0B1F33; }
.up-sis .gc-sis-capa .up-logo img { height: 52px; }
.up-sis .gc-plano.dest { border-color: var(--bc); }
.up-sis .gc-plano .selo { background: var(--bc); color: #fff; }
.up-inclusos { margin-top: 18px; font-size: 15px; color: var(--gc-sec); }
.up-gocode .gc-etiqueta { color: var(--c); border-color: color-mix(in srgb, var(--c) 40%, transparent); }
.up-familia-rodape .gc-familia-links a { text-decoration: none; }
[data-tema=dark] .up-capa-arte { border: 1px solid var(--gc-borda); }
/* cartão só com link (ex.: UpSellers EAD): o nome em serifa com o ponto na cor da família */
.up-externo-nome { font: 700 40px/1 Georgia, 'Times New Roman', serif; letter-spacing: -.01em; color: #0B1F33; }
.up-externo-nome i { font-style: normal; color: var(--bc); }
[data-tema=dark] .up-externo-nome { color: #FFFFFF; } [data-tema=dark] .up-externo-nome i { color: var(--bc-esc, var(--bc)); }