/* Site da Upsellers Marketing: por cima do site.css e do upsellers.css (mesmo molde do site da Upsellers), com o laranja
   da família Marketing (#C2410C; no escuro #F27C4A) nos botões, rótulos e ícones. */
:root { --mkt: #C2410C; --mkt-esc: #F27C4A; --gc-link: #A6370A; }
[data-tema=dark] { --gc-link: #F27C4A; }
.gc-b.pri { background: var(--mkt); color: #fff; }
.gc-b.pri:hover { background: #A6370A; color: #fff; }
[data-tema=dark] .gc-b.pri { background: var(--mkt-esc); color: #0B1F33; }
[data-tema=dark] .gc-b.pri:hover { background: #F59B73; color: #0B1F33; }
.mkt-rot { color: var(--mkt); }
[data-tema=dark] .mkt-rot, .gc-sec.marinho .mkt-rot { color: var(--mkt-esc); }
.gc-cartao > .bi { color: var(--mkt); }
[data-tema=dark] .gc-cartao > .bi, .gc-sec.marinho .gc-cartao > .bi { color: var(--mkt-esc); }
.up-capa-arte .legenda span { color: var(--mkt-esc); letter-spacing: .24em; font-size: 12px; }
.mkt-servicos { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.mkt-servico { text-decoration: none; display: flex; flex-direction: column; gap: 10px; transition: border-color .15s, transform .15s; }
.mkt-servico:hover { border-color: var(--mkt); transform: translateY(-2px); }
.mkt-servico p { flex: 1; }
.mkt-mais { color: var(--gc-link); font-weight: 600; }
.mkt-nota { margin-top: 22px; color: var(--gc-sec); font-size: 15px; }
.mkt-para li { font-size: 18px; }
.up-logo.xg img { height: 110px; }
@media (max-width: 575.98px) { .up-logo.xg img { height: 70px; } }
.up-logo.topo img { height: 44px; } @media (max-width: 575.98px) { .up-logo.topo img { height: 36px; } }