@charset "UTF-8";
/*!
 * Meridian for MSP (v2.2.4) - applies the Meridian look to the MSP pages.
 * Loaded after the skin (CssStyleOfHeader), so it wins at equal specificity.
 * Palette: navy (ink) surfaces, brass accent, Manrope type.
 */
:root {
  --mr-ink: #0e1f3a;
  --mr-ink-700: #1b3156;
  --mr-ink-900: #0a1628;
  --mr-ink-950: #07101e;
  --mr-slate: #4a5568;
  --mr-mist: #eef2f7;
  --mr-brass: #b8933f;
  --mr-brass-600: #9a7930;
  --mr-brass-300: #d8bd80;
  --mr-line-dark: rgba(255, 255, 255, 0.12);
  --msp-accent: var(--mr-brass);
}

/* ---------- Type ---------- */
html[class*="msp-theme-meridian"] body,
html[class*="msp-theme-meridian"] .mbr-fonts-style,
html[class*="msp-theme-meridian"] [class*="display-"],
html[class*="msp-theme-meridian"] .btn,
html[class*="msp-theme-meridian"] input,
html[class*="msp-theme-meridian"] select,
html[class*="msp-theme-meridian"] textarea {
  font-family: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif !important;
}
html[class*="msp-theme-meridian"] h1, html[class*="msp-theme-meridian"] h2, html[class*="msp-theme-meridian"] h3,
html[class*="msp-theme-meridian"] .display-1, html[class*="msp-theme-meridian"] .display-2 {
  font-weight: 700;
  letter-spacing: -0.015em;
}
html[class*="msp-theme-meridian"] .tisp-text-shadow { text-shadow: none !important; }

/* ---------- Accent: the MSP "yellow" becomes Meridian brass ---------- */
html[class*="msp-theme-meridian"] .text-warning { color: var(--mr-brass) !important; }
html[class*="msp-theme-meridian"] .text-primary:not(.nav-link):not(.dropdown-item) { color: var(--mr-brass-300) !important; }

/* ---------- Navbar ---------- */
html[class*="msp-theme-meridian"] section.menu .navbar {
  background: var(--mr-ink) !important;
  border-bottom: 2px solid var(--mr-brass);
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  min-height: 72px;
}
html[class*="msp-theme-meridian"] section.menu .navbar.mr-scrolled {
  background: var(--mr-ink) !important;
  box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.45);
}
html[class*="msp-theme-meridian"] section.menu .navbar-caption,
html[class*="msp-theme-meridian"] section.menu .navbar-brand { font-weight: 800 !important; letter-spacing: -0.01em; }
html[class*="msp-theme-meridian"] section.menu .nav-link { font-weight: 600 !important; }
html[class*="msp-theme-meridian"] section.menu .nav-link:hover,
html[class*="msp-theme-meridian"] section.menu .nav-link:focus { color: var(--mr-brass-300) !important; }
html[class*="msp-theme-meridian"] section.menu .dropdown-menu {
  background: var(--mr-ink-900) !important;
  border: 1px solid var(--mr-line-dark) !important;
  border-radius: 8px !important;
}

/* ---------- Buttons: squared, institutional ---------- */
html[class*="msp-theme-meridian"] .btn { border-radius: 4px !important; font-weight: 600 !important; letter-spacing: 0.01em; }
html[class*="msp-theme-meridian"] .btn-primary,
html[class*="msp-theme-meridian"] .msp-btn-header-action,
html[class*="msp-theme-meridian"] .btn-warning {
  background-color: var(--mr-brass) !important;
  border-color: var(--mr-brass) !important;
  color: #fff !important;
}
html[class*="msp-theme-meridian"] .btn-primary:hover,
html[class*="msp-theme-meridian"] .msp-btn-header-action:hover,
html[class*="msp-theme-meridian"] .btn-warning:hover {
  background-color: var(--mr-brass-600) !important;
  border-color: var(--mr-brass-600) !important;
}
html[class*="msp-theme-meridian"] .btn-white-outline {
  border-color: rgba(255, 255, 255, 0.7) !important;
  color: #fff !important;
  background: transparent !important;
}
html[class*="msp-theme-meridian"] .btn-white-outline:hover { background: var(--mr-card, #fff) !important; color: var(--mr-ink) !important; }
/* Inside the light Meridian sections the theme's own buttons are used */
html[class*="msp-theme-meridian"] .mr-scope .btn-primary { background-color: var(--mr-ink) !important; border-color: var(--mr-ink) !important; }
html[class*="msp-theme-meridian"] .mr-scope .btn-primary:hover { background-color: var(--mr-ink-700) !important; border-color: var(--mr-ink-700) !important; }
html[class*="msp-theme-meridian"] .mr-scope .btn-outline-primary { color: var(--mr-ink) !important; border-color: var(--mr-ink) !important; background: transparent !important; }
html[class*="msp-theme-meridian"] .mr-scope .btn-outline-primary:hover { color: #fff !important; background: var(--mr-ink) !important; }

/* ---------- Dark MSP sections become Meridian navy ---------- */
html[class*="msp-theme-meridian"] body,
html[class*="msp-theme-meridian"] .tisp-preload-footer-background-color { background-color: var(--mr-ink-900) !important; }
html[class*="msp-theme-meridian"] section[data-bs-version]:not(.menu):not(.footer3),
html[class*="msp-theme-meridian"] section[style*="background"]:not(.menu):not(.footer3) {
  background: var(--mr-ink) !important;
}
html[class*="msp-theme-meridian"] section[data-bs-version]:not(.menu):not(.footer3):nth-of-type(even) { background: var(--mr-ink-900) !important; }
html[class*="msp-theme-meridian"] .mbr-overlay,
html[class*="msp-theme-meridian"] .msp-overlay-background-color { background: var(--mr-ink) !important; }
html[class*="msp-theme-meridian"] .msp-article-page-view,
html[class*="msp-theme-meridian"] .msp-my-shop-sector-style,
html[class*="msp-theme-meridian"] .msp-background-coin-info {
  background: linear-gradient(180deg, var(--mr-ink-950), var(--mr-ink) 35%, var(--mr-ink) 65%, var(--mr-ink-950)) !important;
}

/* ---------- Cards, panels, accordions on navy ---------- */
html[class*="msp-theme-meridian"] section:not(.mr-scope) .card .card-wrapper,
html[class*="msp-theme-meridian"] .plan,
html[class*="msp-theme-meridian"] .accordion-item,
html[class*="msp-theme-meridian"] .panel-group .card {
  border-radius: 8px !important;
}
/* v1.3.0: plan cards keep the MSP white card with its own colors (texts were unreadable on dark) */
html[class*="msp-theme-meridian"] .plan {
  background: var(--mr-card, #fff) !important;
  border: 1px solid var(--mr-card-line, #d9e0ea) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(14,31,58,.06), 0 12px 32px -12px rgba(0,0,0,.35) !important;
  color: var(--mr-card-text, var(--mr-slate));
}
html[class*="msp-theme-meridian"] .plan .price { color: var(--mr-card-heading, var(--mr-ink)) !important; font-weight: 800 !important; }

/* ---------- Footer ---------- */
html[class*="msp-theme-meridian"] section.footer3 {
  background: var(--mr-ink-950) !important;
  border-top: 2px solid var(--mr-brass);
}
html[class*="msp-theme-meridian"] section.footer3 a:hover { color: var(--mr-brass-300) !important; }

/* ---------- Forms ---------- */
html[class*="msp-theme-meridian"] .form-control:focus,
html[class*="msp-theme-meridian"] .form-select:focus {
  border-color: var(--mr-brass) !important;
  box-shadow: 0 0 0 0.2rem rgba(184, 147, 63, 0.25) !important;
}

/* ---------- Meridian home sections (light) ---------- */
html[class*="msp-theme-meridian"] .mr-scope {
  font-family: "Manrope", "Segoe UI", system-ui, sans-serif;
  color: var(--mr-slate);
  background: var(--mr-card, #fff);
}
html[class*="msp-theme-meridian"] .mr-scope .hero.mr-hero { padding-top: calc(72px + clamp(3rem, 7vw, 6rem)); background: var(--mr-paper, #fff); }
html[class*="msp-theme-meridian"] .mr-scope h1, html[class*="msp-theme-meridian"] .mr-scope h2, html[class*="msp-theme-meridian"] .mr-scope h3 { color: var(--mr-ink); }
html[class*="msp-theme-meridian"] .mr-scope .mr-eyebrow {
  display: inline-flex; align-items: center; gap: .5rem;
  font-size: .8125rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--mr-brass-600); margin-bottom: 1rem;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-typed { color: var(--mr-brass); }
html[class*="msp-theme-meridian"] .mr-scope .mr-caret { color: var(--mr-brass); font-weight: 400; }
html[class*="msp-theme-meridian"] .mr-scope .bg-mist { background: var(--mr-mist); }
html[class*="msp-theme-meridian"] .mr-scope .mr-panel-img { width: 100%; border-radius: 8px; box-shadow: 0 1px 2px rgba(14,31,58,.06), 0 12px 32px -12px rgba(14,31,58,.18); }
html[class*="msp-theme-meridian"] .mr-banner-strip { background: var(--mr-ink); padding: 1.5rem 0; }
@media (max-width: 991.98px) {
  html[class*="msp-theme-meridian"] .mr-scope .hero.mr-hero { padding-top: calc(64px + 2.5rem); }
}

/* ---------- v1.1.0: home blocks built from platform data ---------- */
html[class*="msp-theme-meridian"] .mr-scope .logo-strip { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 1.25rem 2.5rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-strip-label { font-size: .75rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--mr-slate); opacity: .8; }
html[class*="msp-theme-meridian"] .mr-scope .mr-logo-word { font-weight: 800; font-size: 1.15rem; color: var(--mr-ink); opacity: .65; letter-spacing: -.01em; transition: opacity .2s ease; }
html[class*="msp-theme-meridian"] .mr-scope .mr-logo-word:hover { opacity: 1; }
html[class*="msp-theme-meridian"] .mr-scope .mr-card-link { display: flex; flex-direction: column; height: 100%; text-decoration: none; color: inherit; }
html[class*="msp-theme-meridian"] .mr-scope .mr-card-link p { flex: 1 1 auto; }
html[class*="msp-theme-meridian"] .mr-scope .mr-initial { font-weight: 800; font-size: 1.15rem; line-height: 1; }
html[class*="msp-theme-meridian"] .mr-scope .case-card img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; background: var(--mr-mist); }
html[class*="msp-theme-meridian"] .mr-scope .cta-band p { color: #c9d3e3; }
html[class*="msp-theme-meridian"] .mr-scope .quote footer strong { display: block; }

/* ---------- v1.2.0: end of page + footer ---------- */
html[class*="msp-theme-meridian"] .mr-scope .mr-map { height: 100%; min-height: 320px; border-radius: 8px; overflow: hidden; box-shadow: 0 1px 2px rgba(14,31,58,.06), 0 12px 32px -12px rgba(14,31,58,.18); }
html[class*="msp-theme-meridian"] .mr-scope .mr-map iframe { width: 100%; height: 100%; min-height: 320px; display: block; }
html[class*="msp-theme-meridian"] .mr-scope .accordion-item { background: var(--mr-card, #fff) !important; border: 1px solid var(--mr-card-line, #d9e0ea) !important; color: var(--mr-card-text, var(--mr-slate)) !important; border-radius: 8px !important; margin-bottom: .75rem; overflow: hidden; }
html[class*="msp-theme-meridian"] .mr-scope .accordion-button { background: var(--mr-card, #fff) !important; color: var(--mr-card-heading, var(--mr-ink)) !important; font-weight: 600; box-shadow: none !important; }
html[class*="msp-theme-meridian"] .mr-scope .accordion-button:not(.collapsed) { color: var(--mr-brass-600) !important; }
html[class*="msp-theme-meridian"] .mr-scope .accordion-body { color: var(--mr-card-text, var(--mr-slate)); }
html[class*="msp-theme-meridian"] .mr-scope .post-card h3 a { color: var(--mr-card-heading, var(--mr-ink)); text-decoration: none; }
html[class*="msp-theme-meridian"] .mr-scope .post-card p { font-size: .95rem; }
html[class*="msp-theme-meridian"] .mr-footer-wrap { background: var(--mr-ink); }
html[class*="msp-theme-meridian"] .mr-scope .site-footer { color: #c9d3e3; border-top: 2px solid var(--mr-brass); }
html[class*="msp-theme-meridian"] .mr-scope .site-footer a { color: #c9d3e3; text-decoration: none; }
html[class*="msp-theme-meridian"] .mr-scope .site-footer a:hover { color: var(--mr-brass-300); }
html[class*="msp-theme-meridian"] .mr-scope .site-footer .brand { display: inline-flex; align-items: center; gap: .55rem; font-weight: 800; font-size: 1.25rem; color: #fff; }
html[class*="msp-theme-meridian"] .mr-scope .site-footer .brand-mark { width: 1.6rem; height: 1.6rem; }
html[class*="msp-theme-meridian"] .mr-scope .site-footer strong { color: #fff; }
html[class*="msp-theme-meridian"] .mr-scope .mr-footer-text { font-size: .95rem; color: #c9d3e3; }
html[class*="msp-theme-meridian"] .mr-scope .mr-footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .75rem; margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid rgba(255,255,255,.12); font-size: .85rem; color: #93a2b8; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sitelock img { max-width: 100px; height: auto; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sitelock .row { margin: 0; padding: 0 !important; }

/* ---------- v1.3.0 ---------- */
/* Typing effect on its own line, with the space reserved: the page no longer jumps */
html[class*="msp-theme-meridian"] .mr-scope .hero.mr-hero h1 { font-size: clamp(2rem, 3.3vw, 3rem); line-height: 1.12; }
html[class*="msp-theme-meridian"] .mr-scope .mr-typed-line { display: block; min-height: 2.24em; }
@media (max-width: 575.98px) {
  html[class*="msp-theme-meridian"] .mr-scope .hero.mr-hero h1 { font-size: 1.85rem; }
  html[class*="msp-theme-meridian"] .mr-scope .mr-typed-line { min-height: 3.36em; }
}

/* Mobirise cards used by Páginas (Sobre), página interna, Rankings, Eventos:
   Meridian white card with ink text on the navy page */
html[class*="msp-theme-meridian"] .features-image .item-wrapper {
  background: var(--mr-card, #fff) !important;
  border: 1px solid var(--mr-card-line, #d9e0ea) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(14,31,58,.06), 0 12px 32px -12px rgba(0,0,0,.35) !important;
  overflow: hidden;
  color: var(--mr-card-text, var(--mr-slate)) !important;
}
html[class*="msp-theme-meridian"] .features-image .item-wrapper :is(h1, h2, h3, h4, h5, h6, .item-title, .card-title, .mbr-section-title, strong, b) { color: var(--mr-card-heading, var(--mr-ink)) !important; text-shadow: none !important; }
html[class*="msp-theme-meridian"] .features-image .item-wrapper :is(p, li, span, .mbr-text, .item-text, .display-7, .display-9, .text-white, .text-light):not(.btn) { color: var(--mr-card-text, var(--mr-slate)) !important; }
html[class*="msp-theme-meridian"] .features-image .item-wrapper :is(p, li) a:not(.btn) { color: var(--mr-card-heading, var(--mr-ink)) !important; text-decoration: underline; text-decoration-color: var(--mr-brass); }
html[class*="msp-theme-meridian"] .features-image .item-wrapper :is(.item-content, .msp-background-item-content) { background: transparent !important; }
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-dark,
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-black {
  background: var(--mr-ink) !important; border-color: var(--mr-card-heading, var(--mr-ink)) !important; color: #fff !important;
}
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-dark:hover { background: var(--mr-ink-700) !important; }
/* section titles and breadcrumbs above those cards stay white on navy */
html[class*="msp-theme-meridian"] section .mbr-section-head :is(h1, h2, h3, .mbr-section-title) { color: #fff !important; }
html[class*="msp-theme-meridian"] section .mbr-overlay { opacity: 1 !important; }

/* ---------- v1.4.0: padronização das telas restantes ---------- */
/* Texto dos botões dentro dos cartões nunca herda a cor do cartão (botões vazios) */
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn :is(span, strong, b, i, small, em),
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details) .btn :is(span, strong, b, i, small, em) { color: inherit !important; }
html[class*="msp-theme-meridian"] .btn-danger { background: #b42318 !important; border-color: #b42318 !important; color: #fff !important; }
html[class*="msp-theme-meridian"] .btn-success { color: #fff !important; }
html[class*="msp-theme-meridian"] .btn-black { background: var(--mr-ink) !important; border-color: var(--mr-ink) !important; color: #fff !important; }

/* Tabelas escuras dentro de cartões brancos (Rankings: últimos resultados) */
html[class*="msp-theme-meridian"] .features-image .item-wrapper .table-dark,
html[class*="msp-theme-meridian"] .features-image .item-wrapper .table-dark :is(th, td) { background: var(--mr-ink) !important; color: #fff !important; border-color: rgba(255,255,255,.12) !important; }
html[class*="msp-theme-meridian"] .features-image .item-wrapper .table-dark :is(span, strong, b, a, small) { color: #fff !important; }

/* Menu do usuário logado e dropdowns do menu: itens legíveis no azul-marinho */
html[class*="msp-theme-meridian"] section.menu .dropdown-menu .dropdown-item,
html[class*="msp-theme-meridian"] section.menu .dropdown-menu .dropdown-item.text-dark { color: #e6ebf3 !important; background: transparent !important; }
html[class*="msp-theme-meridian"] section.menu .dropdown-menu .dropdown-item:hover,
html[class*="msp-theme-meridian"] section.menu .dropdown-menu .dropdown-item:focus { color: var(--mr-brass-300) !important; background: rgba(255,255,255,.06) !important; }

/* Painel do usuário e menu de Páginas (cartões em degradê cinza) */
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details) {
  background: var(--mr-card, #fff) !important;
  border: 1px solid var(--mr-card-line, #d9e0ea) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(14,31,58,.06), 0 12px 32px -12px rgba(0,0,0,.35) !important;
}
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details) :is(h1, h2, h3, h4, h5, .card-title, .mbr-section-title, strong) { color: var(--mr-card-heading, var(--mr-ink)) !important; text-shadow: none !important; }
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details) :is(p, .card-text) { color: var(--mr-card-text, var(--mr-slate)) !important; }

/* Painel do afiliado: caixas de números na paleta Meridian */
/* v2.0.9: caixas do painel do afiliado com as cores originais do MSP (azul / verde) */

/* Faixas escuras dentro das seções Meridian (chamada final): títulos brancos */
html[class*="msp-theme-meridian"] .mr-scope .bg-ink :is(h1, h2, h3, h4, strong) { color: #fff !important; }
html[class*="msp-theme-meridian"] .mr-scope .bg-ink p { color: #c9d3e3 !important; }

/* Login / cadastro e topo do marketplace: preto -> azul-marinho */
html[class*="msp-theme-meridian"] .msp-auth,
html[class*="msp-theme-meridian"] .msp-login-bg-dark,
html[class*="msp-theme-meridian"] .msp-mkl-hero {
  background: radial-gradient(1200px 600px at 15% 0%, var(--mr-ink-700), var(--mr-ink) 55%, var(--mr-ink-950)) !important;
}
html[class*="msp-theme-meridian"] .msp-auth .btn-warning,
html[class*="msp-theme-meridian"] .msp-auth button[type="submit"] { background: var(--mr-brass) !important; border-color: var(--mr-brass) !important; color: #fff !important; }

/* ---------- v1.5.0 ---------- */
/* Menu do usuário: o bloco do Logout tem a MESMA cor do botão (antes: faixa #ff0000 + botão vermelho escuro) */
html[class*="msp-theme-meridian"] section.menu .dropdown-menu li.nav-item > div[style*="background-color"] {
  background-color: #b42318 !important;
  padding: 0 !important;
  border-radius: 0 0 6px 6px;
}
html[class*="msp-theme-meridian"] section.menu .dropdown-menu li.nav-item > div[style*="background-color"] form { margin: 0; }
html[class*="msp-theme-meridian"] section.menu .dropdown-menu li.nav-item > div[style*="background-color"] .btn-danger {
  width: 100%; padding: .65rem 1rem !important; border: 0 !important; border-radius: 0 0 6px 6px !important;
  background-color: #b42318 !important;
}
html[class*="msp-theme-meridian"] section.menu .dropdown-menu li.nav-item > div[style*="background-color"] .btn-danger:hover { background-color: #912018 !important; }
html[class*="msp-theme-meridian"] section.menu .dropdown-menu .dropdown-item[style*="background-color"] { background-color: transparent !important; }
html[class*="msp-theme-meridian"] section.menu .dropdown-menu li.nav-item .btn-primary { width: calc(100% - 1rem); margin: .5rem; }

/* Páginas com fundo preto -> mesmo padrão de cores do Marketplace
   (topo azul-marinho com brilho suave, corpo azul-marinho escuro, cartões com borda discreta, destaque dourado) */
html[class*="msp-theme-meridian"] :is(.msp-sysp, .msp-adv, .msp-crs, .msp-auth, .msp-sw, .msp-mkl) {
  background: var(--mr-ink-900) !important;
  color: #e6ebf3;
}
html[class*="msp-theme-meridian"] :is(.msp-sysp-hero, .msp-adv-hero, .msp-crs-hero, .msp-crs--closed, .msp-mkl-hero, .msp-sw .msp-sw-hero) {
  background: radial-gradient(1100px 520px at 50% -10%, rgba(184,147,63,.16), transparent 60%),
              linear-gradient(180deg, var(--mr-ink-700) 0%, var(--mr-ink) 55%, var(--mr-ink-900) 100%) !important;
}
html[class*="msp-theme-meridian"] :is(.msp-mkl-card, .msp-mkl-plan, .msp-crs-card, .msp-sw-card, .msp-sysp-card, .msp-adv-card) {
  background: rgba(255,255,255,.04) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 8px !important;
}
html[class*="msp-theme-meridian"] .msp-mkl-plan--featured { border-color: var(--mr-brass) !important; }
html[class*="msp-theme-meridian"] .msp-crs-player { background: var(--mr-ink-950) !important; }
/* Qualquer bloco que ainda traga fundo preto escrito direto no HTML */
html[class*="msp-theme-meridian"] :is([style*="background: #000"], [style*="background:#000"], [style*="background-color: #000"], [style*="background-color:#000"], [style*="background: black"], .bg-black) {
  background: var(--mr-ink-900) !important;
}
html[class*="msp-theme-meridian"] :is(.modal-header.bg-dark, .modal-content.bg-dark) { background: var(--mr-ink) !important; }

/* Artigos (lista e leitura): variáveis do tema de artigos na paleta do Marketplace */
html[class*="msp-theme-meridian"] body:has(.msp-art),
html[class*="msp-theme-meridian"] .msp-art {
  --art-bg: #0e1f3a !important; --art-card: #13284b !important; --art-text: #ffffff !important; --art-muted: #a9b6cc !important;
  --art-accent: #b8933f !important; --art-accent2: #d8bd80 !important; --art-fill: #b8933f !important; --art-on-accent: #ffffff !important;
  --art-link: #d8bd80 !important; --art-line: rgba(255,255,255,.10) !important; --art-line2: rgba(255,255,255,.18) !important;
  --art-glow: rgba(184,147,63,.22) !important; --art-glow2: rgba(184,147,63,.12) !important;
}
html[class*="msp-theme-meridian"] body:has(.msp-art) {
  background: radial-gradient(1100px 520px at 50% 0%, rgba(184,147,63,.14), transparent 60%),
              linear-gradient(180deg, var(--mr-ink-700) 0%, var(--mr-ink) 40%, var(--mr-ink-900) 100%) !important;
}
html[class*="msp-theme-meridian"] .msp-art .msp-art-body.bg-dark { background: transparent !important; }
html[class*="msp-theme-meridian"] .msp-art :is(.btn-warning, .btn-success, .msp-art-cta, a.btn[style*="background"]) { background: var(--mr-brass) !important; border-color: var(--mr-brass) !important; color: #fff !important; }

/* Títulos com tamanho uniforme nas seções Meridian (home, fim de página): nada de títulos gigantes */
html[class*="msp-theme-meridian"] .mr-scope :is(.section, .cta-band) h2,
html[class*="msp-theme-meridian"] .mr-scope :is(.section, .cta-band) .h2 {
  font-size: clamp(1.55rem, 2.3vw, 2.05rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
  text-transform: none;
}
html[class*="msp-theme-meridian"] .mr-scope .section .lead { font-size: 1.05rem !important; }
html[class*="msp-theme-meridian"] .mr-scope :is(.post-card, .case-card, .service-card) h3 { font-size: 1.1rem !important; line-height: 1.35 !important; }
html[class*="msp-theme-meridian"] .mr-scope .accordion-button { font-size: 1rem !important; }

/* Botão dourado do Meridian (o Bootstrap 5.1 do MSP não usa as variáveis de botão do 5.3) */
html[class*="msp-theme-meridian"] .mr-scope .btn-brass {
  background: var(--mr-brass) !important; border: 1px solid var(--mr-brass) !important; color: #fff !important;
}
html[class*="msp-theme-meridian"] .mr-scope .btn-brass:hover { background: var(--mr-brass-600) !important; border-color: var(--mr-brass-600) !important; }

/* ---------- v1.6.0 ---------- */
/* /budget-planner: texto do botão dourado em branco */
html[class*="msp-theme-meridian"] .msp-budget-btn { background: var(--mr-brass) !important; border-color: var(--mr-brass) !important; color: #fff !important; }
html[class*="msp-theme-meridian"] .msp-budget-btn:hover,
html[class*="msp-theme-meridian"] .msp-budget-btn:focus { background: var(--mr-brass-600) !important; color: #fff !important; }

/* /new-offers: cartões de oferta no padrão Meridian (fundo branco único, texto azul-marinho) */
html[class*="msp-theme-meridian"] .msp-offer {
  background: var(--mr-card, #fff) !important;
  color: var(--mr-card-text, var(--mr-slate)) !important;
  border: 1px solid var(--mr-card-line, #d9e0ea) !important;
  border-radius: 8px !important;
  box-shadow: 0 1px 2px rgba(14,31,58,.06), 0 12px 32px -12px rgba(0,0,0,.35) !important;
  overflow: hidden;
}
html[class*="msp-theme-meridian"] .msp-offer :is(.msp-offer-body, .msp-offer-media) { background: var(--mr-card, #fff) !important; color: var(--mr-card-text, var(--mr-slate)) !important; }
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-title,
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-title a,
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-price strong { color: var(--mr-card-heading, var(--mr-ink)) !important; }
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-store { color: var(--mr-brass-600) !important; }
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-price :is(del, small) { color: #8a97ab !important; }
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-badge { background: var(--mr-ink) !important; color: #fff !important; }
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-btn { background: var(--mr-brass) !important; border-color: var(--mr-brass) !important; color: #fff !important; border-radius: 4px !important; }
html[class*="msp-theme-meridian"] .msp-offer .msp-offer-btn:hover { background: var(--mr-brass-600) !important; }

/* /news (Novidades) e cartões do painel: botões no dourado do tema, não vermelho */
html[class*="msp-theme-meridian"] :is(.info-panel-button-details, .features-image .item-wrapper) .btn-danger {
  background: var(--mr-brass) !important; border-color: var(--mr-brass) !important; color: #fff !important;
}
html[class*="msp-theme-meridian"] :is(.info-panel-button-details, .features-image .item-wrapper) .btn-danger:hover { background: var(--mr-brass-600) !important; }

/* /my-refers e demais telas da área do usuário: tabelas e botões escuros na paleta Meridian */
html[class*="msp-theme-meridian"] .table-dark {
  --bs-table-bg: var(--mr-ink-700); --bs-table-striped-bg: rgba(255,255,255,.04); --bs-table-hover-bg: rgba(255,255,255,.07);
  --bs-table-border-color: rgba(255,255,255,.10);
  background-color: var(--mr-ink-700) !important; color: #e6ebf3 !important; border-color: rgba(255,255,255,.10) !important;
}
html[class*="msp-theme-meridian"] .table-dark > :not(caption) > * > * { background-color: transparent !important; color: #e6ebf3 !important; border-color: rgba(255,255,255,.10) !important; }
html[class*="msp-theme-meridian"] .table-dark thead th { background-color: var(--mr-ink) !important; color: #fff !important; border-bottom: 2px solid var(--mr-brass) !important; }
html[class*="msp-theme-meridian"] .table-dark.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(255,255,255,.04) !important; }
html[class*="msp-theme-meridian"] .btn-dark {
  background: var(--mr-ink-700) !important; border: 1px solid rgba(255,255,255,.22) !important; color: #fff !important;
}
html[class*="msp-theme-meridian"] .btn-dark:hover { background: var(--mr-ink) !important; border-color: var(--mr-brass) !important; }
html[class*="msp-theme-meridian"] .msp-user-panel-form-settings { background: var(--mr-ink-900) !important; }

/* ---------- v1.7.0 ---------- */
/* Chamada final ("O futuro da sua marca…"): conteúdo centralizado */
html[class*="msp-theme-meridian"] .mr-scope .cta-band .container {
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
html[class*="msp-theme-meridian"] .mr-scope .cta-band .container > div { max-width: 820px; margin: 0 auto; }
html[class*="msp-theme-meridian"] .mr-scope .cta-band p { font-size: 1.05rem; line-height: 1.6; margin-top: .5rem !important; }

/* Painéis do MSP logo abaixo (vídeo de apresentação e moeda digital): mesma escala de fonte da chamada final */
html[class*="msp-theme-meridian"] #header17-e :is(h1, h2, .mbr-section-title),
html[class*="msp-theme-meridian"] #features16-b :is(h7, .card-title.display-1) {
  font-size: clamp(1.55rem, 2.3vw, 2.05rem) !important;
  line-height: 1.2 !important;
  letter-spacing: -0.01em;
}
html[class*="msp-theme-meridian"] #header17-e :is(p.mbr-text, .display-5),
html[class*="msp-theme-meridian"] #features16-b :is(h8, p.mbr-text, .display-5) {
  font-size: 1.05rem !important;
  line-height: 1.6 !important;
}
html[class*="msp-theme-meridian"] #header17-e .icon-description { font-size: .9rem !important; opacity: .8; }
html[class*="msp-theme-meridian"] #header17-e { min-height: 0 !important; padding: clamp(3.5rem, 7vw, 6rem) 0 !important; }
html[class*="msp-theme-meridian"] #header17-e .mbr-media .icon-wrapper { transform: scale(.85); }

/* ---------- v1.8.0 ---------- */
/* Chamada final: o título tinha largura máxima de 18 caracteres alinhada à esquerda (vinha do Meridian) */
html[class*="msp-theme-meridian"] .mr-scope .cta-band h2 { max-width: 28ch !important; margin-left: auto !important; margin-right: auto !important; text-align: center !important; }
html[class*="msp-theme-meridian"] .mr-scope .cta-band :is(p, .btn) { margin-left: auto; margin-right: auto; text-align: center; }

/* Todas as tabelas (área do usuário e demais páginas): o mesmo padrão de /affiliate-earns */
html[class*="msp-theme-meridian"] .table {
  --bs-table-bg: var(--mr-ink-700); --bs-table-striped-bg: rgba(255,255,255,.04); --bs-table-hover-bg: rgba(255,255,255,.07);
  --bs-table-color: #e6ebf3; --bs-table-striped-color: #e6ebf3; --bs-table-border-color: rgba(255,255,255,.10);
  background-color: var(--mr-ink-700) !important;
  color: #e6ebf3 !important;
  border-color: rgba(255,255,255,.10) !important;
  border-radius: 8px;
  overflow: hidden;
}
html[class*="msp-theme-meridian"] .table > :not(caption) > * > * {
  background-color: transparent !important;
  color: #e6ebf3 !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: none !important;
}
html[class*="msp-theme-meridian"] .table > thead > tr > *,
html[class*="msp-theme-meridian"] .table > thead :is(.table-light, .thead-light, .table-dark) > * {
  background-color: var(--mr-ink) !important;
  color: #fff !important;
  font-weight: 700;
  border-bottom: 2px solid var(--mr-brass) !important;
}
html[class*="msp-theme-meridian"] .table > tbody > tr:nth-of-type(odd) > * { background-color: rgba(255,255,255,.04) !important; }
html[class*="msp-theme-meridian"] .table > tbody > tr:hover > * { background-color: rgba(255,255,255,.07) !important; }
html[class*="msp-theme-meridian"] .table :is(a:not(.btn), .text-dark, .text-black, .text-muted) { color: var(--mr-brass-300) !important; }
html[class*="msp-theme-meridian"] .table :is(.text-warning) { color: var(--mr-brass) !important; }
html[class*="msp-theme-meridian"] .table-responsive { border-radius: 8px; }

/* ---------- v1.9.0: /my-refers ---------- */
html[class*="msp-theme-meridian"] .mr-modal-danger .modal-content { background: var(--mr-ink) !important; color: #e6ebf3; border: 1px solid rgba(255,255,255,.12); border-top: 4px solid #b42318; border-radius: 8px; }
html[class*="msp-theme-meridian"] .mr-modal-danger :is(.modal-header, .modal-footer) { border-color: rgba(255,255,255,.10) !important; background: transparent !important; }
html[class*="msp-theme-meridian"] .mr-modal-danger .modal-title { color: #fff; }

/* ---------- v1.9.2: painel da moeda digital redesenhado ---------- */
html[class*="msp-theme-meridian"] .mr-coin {
  position: relative;
  padding: clamp(3.5rem, 7vw, 5.5rem) 0 calc(clamp(3rem, 6vw, 4.5rem) + 30px);
  background: radial-gradient(700px 420px at 78% 45%, rgba(184,147,63,.20), transparent 65%),
              linear-gradient(180deg, var(--mr-ink) 0%, var(--mr-ink-900) 100%);
  border-top: 1px solid rgba(255,255,255,.08);
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: #c9d3e3;
  overflow: hidden;
}
html[class*="msp-theme-meridian"] .mr-coin-kicker {
  display: inline-block; margin-bottom: .75rem;
  font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--mr-brass-300);
}
html[class*="msp-theme-meridian"] .mr-coin-title {
  font-family: "Manrope", system-ui, sans-serif;
  font-size: clamp(1.55rem, 2.3vw, 2.05rem) !important; line-height: 1.2; font-weight: 800;
  color: #fff !important; margin: 0 0 .75rem;
}
html[class*="msp-theme-meridian"] .mr-coin-title strong { color: inherit !important; }
html[class*="msp-theme-meridian"] .mr-coin-sub { font-size: 1.1rem; font-weight: 600; color: #e6ebf3; margin-bottom: .5rem; }
html[class*="msp-theme-meridian"] .mr-coin-details {
  display: inline-block; margin: .5rem 0 1.5rem; padding: .65rem 1rem;
  border: 1px solid rgba(255,255,255,.14); border-left: 3px solid var(--mr-brass); border-radius: 6px;
  background: rgba(255,255,255,.04); font-size: 1.05rem; font-weight: 700; color: #fff;
}
html[class*="msp-theme-meridian"] .mr-coin-details * { font-size: inherit !important; }
html[class*="msp-theme-meridian"] .mr-coin-actions { display: flex; flex-wrap: wrap; gap: .75rem; }
html[class*="msp-theme-meridian"] .mr-coin .mr-btn-brass { background: var(--mr-brass) !important; border: 1px solid var(--mr-brass) !important; color: #fff !important; padding: .7rem 1.4rem; }
html[class*="msp-theme-meridian"] .mr-coin .mr-btn-brass:hover { background: var(--mr-brass-600) !important; }
html[class*="msp-theme-meridian"] .mr-coin .mr-btn-ghost { background: transparent !important; border: 1px solid rgba(255,255,255,.55) !important; color: #fff !important; padding: .7rem 1.4rem; }
html[class*="msp-theme-meridian"] .mr-coin .mr-btn-ghost:hover { background: var(--mr-card, #fff) !important; color: var(--mr-ink) !important; }
html[class*="msp-theme-meridian"] .mr-coin-art {
  display: flex; align-items: center; justify-content: center;
  padding-bottom: 30px;
}
html[class*="msp-theme-meridian"] .mr-coin-art img {
  width: 100%; max-width: 340px; height: auto;
  filter: drop-shadow(0 24px 40px rgba(0,0,0,.45));
}
@media (max-width: 991.98px) {
  html[class*="msp-theme-meridian"] .mr-coin { text-align: center; }
  html[class*="msp-theme-meridian"] .mr-coin-actions { justify-content: center; }
  html[class*="msp-theme-meridian"] .mr-coin-art img { max-width: 240px; }
}

/* ---------- v1.9.3 ---------- */
/* Moeda digital: barra dourada à esquerda da imagem, igual à dos depoimentos */
html[class*="msp-theme-meridian"] .mr-coin-art {
  border-left: 2px solid var(--mr-brass);
  padding-left: clamp(1.5rem, 3vw, 2.5rem);
  min-height: 100%;
}
@media (max-width: 991.98px) {
  html[class*="msp-theme-meridian"] .mr-coin-art { border-left: 0; padding-left: 0; }
}

/* Rodapé: selos (Zaask, SiteLock) alinhados à esquerda, como os textos das colunas */
html[class*="msp-theme-meridian"] .mr-footer-wrap :is(.mr-zaask, .mr-sitelock),
html[class*="msp-theme-meridian"] .mr-footer-wrap :is(.mr-zaask, .mr-sitelock) :is(div, p, .row, .align-center, .row-copirayt) {
  text-align: left !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  margin-left: 0 !important;
  padding-left: 0 !important;
  width: auto !important;
}
html[class*="msp-theme-meridian"] .mr-footer-wrap :is(.mr-zaask, .mr-sitelock) :is(a, img) { display: inline-block; margin-left: 0 !important; }
html[class*="msp-theme-meridian"] .mr-footer-wrap .mr-zaask img { width: 110px; height: auto; }

/* ---------- v1.9.4: logo do site no rodapé (no lugar do título) ---------- */
html[class*="msp-theme-meridian"] .mr-scope .site-footer .mr-footer-logo { display: inline-block; line-height: 0; }
html[class*="msp-theme-meridian"] .mr-scope .site-footer .mr-footer-logo img { height: 3rem; width: auto; max-width: 100%; display: block; }

/* ---------- v2.0.1 ---------- */
/* O CSS base do Mobirise pinta todo <section> de branco: dentro das seções do tema
   o fundo vem do próprio tema (branco no Meridian, escuro nas variações escuras). */
html[class*="msp-theme-meridian"] .mr-scope section:not(.bg-mist):not(.bg-ink):not(.cta-band):not(.hero) { background-color: transparent; }

/* ---------- v2.0.2 ---------- */
/* Botões dentro dos cartões (ex.: "COMPRAR" da loja): a regra de texto dos cartões não vale para botões */
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn:is(.btn-success, .btn-primary, .btn-danger, .btn-dark, .btn-black, .text-light, .text-white),
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn:is(.btn-success, .btn-primary, .btn-danger, .btn-dark, .btn-black, .text-light, .text-white) * { color: #fff !important; }
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-outline-dark,
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-outline-dark * { color: var(--mr-card-heading, var(--mr-ink)) !important; }
/* Página do produto: preço e botão "COMPRAR AGORA" sem sobreposição */
html[class*="msp-theme-meridian"] .mbr-section-btn > form.btn {
  display: inline-block !important; padding: 0 !important; margin: 1.25rem 0 0 !important;
  background: none !important; border: 0 !important; box-shadow: none !important;
}
html[class*="msp-theme-meridian"] .mbr-section-btn > form.btn .btn { margin: 0 !important; white-space: normal; }
html[class*="msp-theme-meridian"] h5.mbr-section-title.display-2 { line-height: 1.3 !important; margin-bottom: 1rem !important; }
html[class*="msp-theme-meridian"] .btn_purchase_product { color: #fff !important; }

/* ---------- v2.0.3 ---------- */
/* Preço antigo (texto tachado) sempre em cinza, como no topo da página do produto */
html[class*="msp-theme-meridian"] :is(s, del),
html[class*="msp-theme-meridian"] :is(s, del) * { color: var(--mr-strike, #8f8f8f) !important; text-decoration-color: currentColor !important; }
/* /marketplace: faixas e cartões azulados do marketplace nas cores do tema */
html[class*="msp-theme-meridian"] .msp-mkl-alt { background: var(--mr-ink-700) !important; }
html[class*="msp-theme-meridian"] .msp-mkl-plan { background: var(--mr-ink-900) !important; border-color: rgba(255,255,255,.12) !important; }
html[class*="msp-theme-meridian"] .msp-mkl-plan--featured { border-color: var(--mr-brass) !important; box-shadow: 0 0 0 1px var(--mr-brass), 0 18px 40px rgba(0,0,0,.35) !important; }
html[class*="msp-theme-meridian"] :is(.msp-mkl-steps li, .msp-mkl-card) { background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.10) !important; }
html[class*="msp-theme-meridian"] .msp-mkl-hero { background: radial-gradient(1100px 520px at 50% -10%, color-mix(in srgb, var(--mr-brass) 18%, transparent), transparent 60%), linear-gradient(180deg, var(--mr-ink-700) 0%, var(--mr-ink) 55%, var(--mr-ink-900) 100%) !important; }

/* ---------- v2.0.4 ---------- */
/* Loja (shop-menu*.php): preço principal na cor de destaque do tema, como na página do produto */
html[class*="msp-theme-meridian"] .features-image .item-wrapper .item-subtitle span.text-warning,
html[class*="msp-theme-meridian"] .features-image .item-wrapper .item-subtitle span.text-warning * {
  color: var(--mr-brass) !important; font-weight: 800 !important;
}

/* ---------- v2.0.5: celular ---------- */
/* Nada passa da largura da tela (o conteúdo "cortado" à esquerda era a página mais larga que o celular) */
html[class*="msp-theme-meridian"] { overflow-x: hidden; }
html[class*="msp-theme-meridian"] body { max-width: 100%; overflow-x: clip; }   /* clip keeps sticky bars working */
@media (max-width: 767.98px) {
  html[class*="msp-theme-meridian"] :is(.container, .container-fluid, .container-sm, .container-md) {
    padding-left: 1.1rem !important; padding-right: 1.1rem !important;
  }
  /* espaçamentos grandes do Bootstrap (g-4/g-5) viravam margens negativas maiores que a tela */
  html[class*="msp-theme-meridian"] .row { --bs-gutter-x: 1.25rem; margin-left: calc(var(--bs-gutter-x) * -.5) !important; margin-right: calc(var(--bs-gutter-x) * -.5) !important; }
  html[class*="msp-theme-meridian"] .row.g-4, html[class*="msp-theme-meridian"] .row.g-5 { --bs-gutter-x: 1.25rem; --bs-gutter-y: 1.5rem; }
  html[class*="msp-theme-meridian"] img { max-width: 100%; height: auto; }

  /* títulos e textos */
  html[class*="msp-theme-meridian"] .mr-scope .hero.mr-hero h1 { font-size: 1.85rem !important; }
  html[class*="msp-theme-meridian"] .mr-scope .hero.mr-hero .lead { font-size: 1rem !important; }
  html[class*="msp-theme-meridian"] .mr-scope .section { padding-block: 3rem !important; }
  html[class*="msp-theme-meridian"] .mr-scope :is(.section, .cta-band) h2 { font-size: 1.45rem !important; }
  html[class*="msp-theme-meridian"] .mr-scope .hero-actions { display: grid; gap: .75rem; }
  html[class*="msp-theme-meridian"] .mr-scope .hero-actions .btn { width: 100%; margin: 0 !important; }

  /* números: valores e rótulos sem estourar */
  html[class*="msp-theme-meridian"] .mr-scope .stat .num { font-size: 1.9rem !important; }
  html[class*="msp-theme-meridian"] .mr-scope .stat .label { font-size: .8rem !important; overflow-wrap: anywhere; }

  /* moeda digital: imagem menor, texto e botões centralizados */
  html[class*="msp-theme-meridian"] .mr-coin { padding: 3rem 0 2.5rem !important; text-align: center; }
  html[class*="msp-theme-meridian"] .mr-coin-art { padding: 0 0 1rem !important; border-left: 0 !important; }
  html[class*="msp-theme-meridian"] .mr-coin-art img { max-width: 170px !important; }
  html[class*="msp-theme-meridian"] .mr-coin-actions { display: grid !important; gap: .6rem; }
  html[class*="msp-theme-meridian"] .mr-coin-actions .btn { width: 100%; }
  html[class*="msp-theme-meridian"] #features16-b img { max-width: 170px !important; margin: 0 auto; display: block; }

  /* rodapé: logo e selos em tamanho de celular */
  html[class*="msp-theme-meridian"] .mr-scope .site-footer .mr-footer-logo img { height: 2.4rem !important; width: auto !important; max-width: 160px !important; }
  html[class*="msp-theme-meridian"] .mr-footer-wrap :is(.mr-zaask, .mr-sitelock) img { width: 96px !important; max-width: 96px !important; height: auto !important; }
  html[class*="msp-theme-meridian"] .mr-scope .site-footer .row > [class*="col-"] { margin-bottom: .5rem; }
  html[class*="msp-theme-meridian"] .mr-scope .mr-footer-bottom { flex-direction: column; text-align: left; }

  /* cartões de página/loja: botões lado a lado sem cortar */
  html[class*="msp-theme-meridian"] .features-image .item-wrapper .mbr-section-btn { display: flex; flex-wrap: wrap; gap: .5rem; }
  html[class*="msp-theme-meridian"] .features-image .item-wrapper .mbr-section-btn .btn { margin: 0 !important; }
  /* página do produto e páginas internas: título e preço proporcionais */
  html[class*="msp-theme-meridian"] :is(h1, h3).mbr-section-title.display-1 { font-size: 1.7rem !important; line-height: 1.25 !important; }
  html[class*="msp-theme-meridian"] h5.mbr-section-title.display-2 { font-size: 1.15rem !important; }
  html[class*="msp-theme-meridian"] .btn_purchase_product { white-space: normal !important; width: 100%; }
}
/* botão "+ INFO" (contorno) dos cartões da loja sempre visível */
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-outline-dark {
  background: transparent !important; border: 1px solid var(--mr-card-heading, var(--mr-ink)) !important; color: var(--mr-card-heading, var(--mr-ink)) !important;
}
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-outline-dark:hover { background: var(--mr-card-heading, var(--mr-ink)) !important; color: #fff !important; }

/* ---------- v2.0.6: botões dos cartões da loja (shop-menu, -asc, -lower, -max) ---------- */
/* "+ INFO" vem como btn-outline-light (branco no cartão branco): contorno escuro legível */
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-outline-light {
  background: transparent !important; border: 1px solid var(--mr-card-heading, var(--mr-ink)) !important; color: var(--mr-card-heading, var(--mr-ink)) !important;
}
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-outline-light:hover { background: var(--mr-card-heading, var(--mr-ink)) !important; color: #fff !important; }
/* "+ INFO" e "COMPRAR" lado a lado, mesma altura, sem quebrar a palavra */
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-group { display: flex !important; flex-wrap: wrap; gap: .5rem; width: 100%; }
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-group > a { flex: 1 1 0; min-width: 0; margin: 0 !important; text-decoration: none; }
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-group > a > .btn {
  width: 100%; margin: 0 !important; white-space: nowrap; padding: .6rem .8rem !important; border-radius: 4px !important;
  display: inline-flex; align-items: center; justify-content: center; gap: .35rem;
}
html[class*="msp-theme-meridian"] .features-image .item-wrapper .btn-group > a:first-child { flex: 0 1 auto; }


/* ---------- v2.0.8: área do usuário (ajustes aprovados pelo Éverton) ---------- */
/* 1-2. Painel do usuário: conteúdo centralizado e leve elevação ao passar o mouse (cor do cartão inalterada) */
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details):not(.modal-content) {
  text-align: center !important; transition: transform .2s ease, box-shadow .2s ease;
}
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details):not(.modal-content):hover { transform: translateY(-2px); }
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details):not(.modal-content) :is(.mbr-section-btn, .item-footer) { text-align: center !important; }

/* 3-6. "ACESSAR RECURSO" (e "OK, ACESSAR" das Novidades): preto, centralizado, ~62% da largura,
        maiúsculas com seta; ao passar o mouse, cinza escuro */
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details):not(.modal-content) .btn:is(.btn-primary, .btn-danger, .btn-warning),
html[class*="msp-theme-meridian"] .features-image .item-wrapper .item-footer .btn-danger {
  background: #141414 !important; border: 1px solid #141414 !important; color: #fff !important;
  width: auto !important; min-width: 62%; margin-left: auto !important; margin-right: auto !important;
  padding: .62rem 1.4rem !important; border-radius: 4px !important;
  font-size: .78rem !important; font-weight: 700 !important; letter-spacing: .08em; text-transform: uppercase;
  display: inline-flex !important; align-items: center; justify-content: center; gap: .4rem; box-shadow: none !important;
}
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details):not(.modal-content) .btn:is(.btn-primary, .btn-danger, .btn-warning)::after,
html[class*="msp-theme-meridian"] .features-image .item-wrapper .item-footer .btn-danger::after { content: "\2192"; font-weight: 700; }
html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details):not(.modal-content) .btn:is(.btn-primary, .btn-danger, .btn-warning):is(:hover, :focus),
html[class*="msp-theme-meridian"] .features-image .item-wrapper .item-footer .btn-danger:is(:hover, :focus) {
  background: #3a3a3a !important; border-color: #3a3a3a !important; color: #fff !important;
}
html[class*="msp-theme-meridian"] .features-image .item-wrapper .item-footer { text-align: center; }

/* 9-10. Painel do afiliado: cores de antes; texto do SALDO em branco; espaçamento das caixas */
html[class*="msp-theme-meridian"] .card-wrap:is(.bg-success, .bg-green) :is(.card-title, .card-text, .text-dark, h1, h2, h3, h4, h5, p, span, strong) { color: #fff !important; }
html[class*="msp-theme-meridian"] .card-wrap[class*="bg-"] { padding: 1.1rem .75rem !important; margin-bottom: .75rem; text-align: center; }

/* 11. Celular: tabelas sem colspan rolam para o lado em vez de quebrar letra por letra;
       tabelas com colspan ficam como antes */
@media (max-width: 767.98px) {
  html[class*="msp-theme-meridian"] :is(.info-panel-details, .info-panel-button-details):not(.modal-content) .btn:is(.btn-primary, .btn-danger, .btn-warning),
  html[class*="msp-theme-meridian"] .features-image .item-wrapper .item-footer .btn-danger { min-width: 75%; }
  html[class*="msp-theme-meridian"] .table:not(:has(td[colspan], th[colspan])) { display: block; width: 100% !important; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  html[class*="msp-theme-meridian"] .table:not(:has(td[colspan], th[colspan])) :is(th, td) { white-space: nowrap; word-break: normal !important; overflow-wrap: normal !important; }
}

/* ---------- v2.0.9: painel do afiliado ---------- */
html[class*="msp-theme-meridian"] .card-wrap[class*="bg-"] { border-radius: 8px !important; }
html[class*="msp-theme-meridian"] .card-wrap[class*="bg-"] :is(.card-title, .card-text, .text-dark, .text-white) { color: #fff !important; }
@media (max-width: 767.98px) {
  /* Painel do afiliado: todos os grupos de botões (links de afiliação, de produtos...) um por linha, largura total */
  html[class*="msp-theme-meridian"] section:has(#ip_publisher) .btn-group { display: flex !important; flex-direction: column !important; align-items: stretch !important; width: 100%; gap: .5rem; }
  html[class*="msp-theme-meridian"] section:has(#ip_publisher) .btn-group > :is(a, div, span) { width: 100% !important; margin: 0 !important; }
  html[class*="msp-theme-meridian"] section:has(#ip_publisher) .btn-group .btn { width: 100% !important; margin: 0 !important; padding: .8rem 1rem !important; border-radius: 4px !important; }
  html[class*="msp-theme-meridian"] section:has(#ip_publisher) .btn-group br { display: none; }
}

/* ---------- v2.1.1: janela "MEU DINHEIRO" - botões pretos (hover cinza escuro) ---------- */
html[class*="msp-theme-meridian"] #staticBackdrop .modal-body .btn:is(.btn-primary, .btn-danger, .btn-warning, .btn-success) {
  background: #141414 !important; border-color: #141414 !important; color: #fff !important;
}
html[class*="msp-theme-meridian"] #staticBackdrop .modal-body .btn:is(.btn-primary, .btn-danger, .btn-warning, .btn-success):is(:hover, :focus) {
  background: #3a3a3a !important; border-color: #3a3a3a !important; color: #fff !important;
}

/* ---------- v2.2.0: Rankings (lista e evento) ---------- */
html[class*="msp-theme-meridian"] .mr-rank-hero {
  padding: calc(72px + clamp(2.5rem, 6vw, 4.5rem)) 0 clamp(2rem, 5vw, 3.5rem);
  background: radial-gradient(900px 420px at 85% 0%, color-mix(in srgb, var(--mr-brass) 16%, transparent), transparent 60%), linear-gradient(180deg, var(--mr-ink-700), var(--mr-ink) 70%) !important;
  color: #c9d3e3;
}
html[class*="msp-theme-meridian"] .mr-rank-hero h1 { color: #fff !important; font-size: clamp(1.9rem, 4vw, 3rem) !important; font-weight: 800; letter-spacing: -.02em; margin: .4rem 0 .6rem; }
html[class*="msp-theme-meridian"] .mr-rank-hero .lead { color: #c9d3e3 !important; max-width: 720px; margin: 0; }
html[class*="msp-theme-meridian"] .mr-rank-crumbs { display: flex; flex-wrap: wrap; gap: .4rem; font-size: .82rem; color: #93a2b8; margin-bottom: 1rem; }
html[class*="msp-theme-meridian"] .mr-rank-crumbs a { color: var(--mr-brass-300) !important; text-decoration: none; }
html[class*="msp-theme-meridian"] .mr-rank-kicker { display: inline-block; font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--mr-brass-300); }
html[class*="msp-theme-meridian"] .mr-rank-badge {
  position: absolute; top: .75rem; left: .75rem; padding: .25rem .65rem; border-radius: 999px;
  font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: #fff; background: #2e7d32;
}
html[class*="msp-theme-meridian"] .mr-rank-badge.is-closed { background: #4b5563; }
html[class*="msp-theme-meridian"] .mr-rank-badge.is-inline { position: static; display: inline-block; }

html[class*="msp-theme-meridian"] .mr-rank-card {
  height: 100%; display: flex; flex-direction: column; overflow: hidden;
  background: var(--mr-card, #fff); border: 1px solid var(--mr-card-line, #d9e0ea); border-radius: 10px;
  transition: transform .2s ease, box-shadow .2s ease;
}
html[class*="msp-theme-meridian"] .mr-rank-card:hover { transform: translateY(-3px); box-shadow: 0 20px 40px -24px rgba(0,0,0,.45); }
html[class*="msp-theme-meridian"] .mr-rank-media { position: relative; display: block; aspect-ratio: 16 / 9; background: #000; overflow: hidden; }
html[class*="msp-theme-meridian"] .mr-rank-media img { width: 100%; height: 100%; object-fit: cover; display: block; }
html[class*="msp-theme-meridian"] .mr-rank-body { display: flex; flex-direction: column; gap: .45rem; padding: 1.1rem 1.2rem 1.25rem; flex: 1; }
html[class*="msp-theme-meridian"] .mr-rank-body h2 { font-size: 1.1rem !important; line-height: 1.3; margin: 0; }
html[class*="msp-theme-meridian"] .mr-rank-body h2 a { color: var(--mr-card-heading, var(--mr-ink)) !important; text-decoration: none; }
html[class*="msp-theme-meridian"] .mr-rank-body p { font-size: .92rem; color: var(--mr-card-text, var(--mr-slate)) !important; margin: 0; }
html[class*="msp-theme-meridian"] .mr-rank-meta { font-size: .8rem; color: var(--mr-card-text, var(--mr-slate)); opacity: .85; margin-top: auto; padding-top: .3rem; }
html[class*="msp-theme-meridian"] .mr-rank-btn { margin-top: .6rem; align-self: flex-start; }
html[class*="msp-theme-meridian"] .mr-rank-pager { margin-top: 2rem; display: flex; justify-content: center; }
html[class*="msp-theme-meridian"] .mr-rank-ads { margin: 2rem 0 0; }
html[class*="msp-theme-meridian"] .mr-rank-empty { text-align: center; padding: 3rem 1rem; border: 1px dashed var(--mr-card-line, #d9e0ea); border-radius: 10px; }

html[class*="msp-theme-meridian"] .mr-rank-cover { width: 100%; border-radius: 10px; display: block; box-shadow: 0 20px 40px -26px rgba(0,0,0,.5); }
html[class*="msp-theme-meridian"] .mr-rank-event .mr-rank-ads { margin: 1.25rem 0; }
html[class*="msp-theme-meridian"] .mr-rank-prose {
  margin-top: 1.5rem; padding: clamp(1.25rem, 3vw, 2rem);
  background: var(--mr-card, #fff); border: 1px solid var(--mr-card-line, #d9e0ea); border-radius: 10px;
  color: var(--mr-card-text, var(--mr-slate)); line-height: 1.75; font-size: 1rem; overflow-wrap: anywhere;
}
html[class*="msp-theme-meridian"] .mr-rank-prose :is(h1, h2, h3, h4, h5, strong, b) { color: var(--mr-card-heading, var(--mr-ink)) !important; }
html[class*="msp-theme-meridian"] .mr-rank-prose :is(h1, h2, h3) { font-size: 1.25rem !important; line-height: 1.35; margin: 1.5rem 0 .6rem; }
html[class*="msp-theme-meridian"] .mr-rank-prose :is(p, li, span, div, td) { color: var(--mr-card-text, var(--mr-slate)) !important; font-size: 1rem !important; }
html[class*="msp-theme-meridian"] .mr-rank-prose a { color: var(--mr-brass-600) !important; text-decoration: underline; }
html[class*="msp-theme-meridian"] .mr-rank-prose img { max-width: 100%; height: auto; border-radius: 8px; }
html[class*="msp-theme-meridian"] .mr-rank-prose :is(ul, ol) { padding-left: 1.2rem; }

html[class*="msp-theme-meridian"] .mr-rank-side { position: sticky; top: 96px; display: grid; gap: 1rem; }
html[class*="msp-theme-meridian"] .mr-rank-box { padding: 1.25rem; background: var(--mr-card, #fff); border: 1px solid var(--mr-card-line, #d9e0ea); border-radius: 10px; }
html[class*="msp-theme-meridian"] .mr-rank-facts { display: grid; gap: .7rem; }
html[class*="msp-theme-meridian"] .mr-rank-facts div { display: flex; justify-content: space-between; gap: 1rem; font-size: .92rem; border-bottom: 1px dashed var(--mr-card-line, #d9e0ea); padding-bottom: .55rem; }
html[class*="msp-theme-meridian"] .mr-rank-facts div:last-child { border-bottom: 0; padding-bottom: 0; }
html[class*="msp-theme-meridian"] .mr-rank-facts span { color: var(--mr-card-text, var(--mr-slate)) !important; }
html[class*="msp-theme-meridian"] .mr-rank-facts strong { color: var(--mr-card-heading, var(--mr-ink)) !important; text-align: right; }
html[class*="msp-theme-meridian"] .mr-rank-facts strong.is-open { color: #2e7d32 !important; }
html[class*="msp-theme-meridian"] .mr-rank-board-title { font-size: 1.05rem !important; margin: 0 0 .8rem; color: var(--mr-card-heading, var(--mr-ink)) !important; }
html[class*="msp-theme-meridian"] .mr-rank-board { list-style: none; margin: 0; padding: 0; display: grid; gap: .4rem; max-height: 460px; overflow-y: auto; }
html[class*="msp-theme-meridian"] .mr-rank-board li {
  display: grid; grid-template-columns: 2.4rem 1fr auto; align-items: center; gap: .6rem;
  padding: .55rem .7rem; border-radius: 8px; background: color-mix(in srgb, var(--mr-card-heading, #0e1f3a) 5%, transparent);
}
html[class*="msp-theme-meridian"] .mr-rank-board li.is-top { background: color-mix(in srgb, var(--mr-brass) 14%, transparent); }
html[class*="msp-theme-meridian"] .mr-rank-board .pos { font-weight: 800; text-align: center; color: var(--mr-card-heading, var(--mr-ink)) !important; font-size: 1rem; }
html[class*="msp-theme-meridian"] .mr-rank-board .name { color: var(--mr-card-heading, var(--mr-ink)) !important; font-weight: 600; font-size: .92rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
html[class*="msp-theme-meridian"] .mr-rank-board .pts { color: var(--mr-card-heading, var(--mr-ink)) !important; font-weight: 800; font-size: .92rem; white-space: nowrap; }
html[class*="msp-theme-meridian"] .mr-rank-board .pts small { font-weight: 600; opacity: .7; font-size: .72rem; }
html[class*="msp-theme-meridian"] .mr-rank-none { margin: 0; font-size: .92rem; color: var(--mr-card-text, var(--mr-slate)) !important; }
html[class*="msp-theme-meridian"] .mr-rank-back { font-weight: 700; text-decoration: none; color: var(--mr-card-heading, var(--mr-ink)) !important; }

@media (max-width: 991.98px) {
  html[class*="msp-theme-meridian"] .mr-rank-side { position: static; }
}
@media (max-width: 575.98px) {
  html[class*="msp-theme-meridian"] .mr-rank-hero { padding: calc(64px + 2rem) 0 1.75rem; }
  html[class*="msp-theme-meridian"] .mr-rank-hero h1 { font-size: 1.7rem !important; }
  html[class*="msp-theme-meridian"] .mr-rank-btn { align-self: stretch; text-align: center; }
  html[class*="msp-theme-meridian"] .mr-rank-prose { font-size: .95rem; padding: 1.1rem; }
  html[class*="msp-theme-meridian"] .mr-rank-cover { border-radius: 8px; }
}

/* ---------- v2.2.1: Rankings em tons escuros (grafite) ---------- */
html[class*="msp-theme-meridian"] .mr-scope.mr-rank {
  --mr-card: var(--mr-ink-700);
  --mr-card-line: rgba(255,255,255,.10);
  --mr-card-heading: #f2f3f5;
  --mr-card-text: #c4c8cf;
  background: var(--mr-ink-900) !important;
  color: #c4c8cf;
}
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-card,
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-box,
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-prose { background: var(--mr-ink-700) !important; border-color: rgba(255,255,255,.10) !important; }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-card:hover { border-color: color-mix(in srgb, var(--mr-brass) 55%, transparent) !important; }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-prose a,
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-crumbs a { color: var(--mr-brass-300) !important; }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-prose :is(table, th, td) { background: transparent !important; border-color: rgba(255,255,255,.12) !important; color: #c4c8cf !important; }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-board li { background: rgba(255,255,255,.05); }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-board li.is-top { background: color-mix(in srgb, var(--mr-brass) 22%, transparent); }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-facts strong.is-open { color: #4cd17a !important; }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-empty { border-color: rgba(255,255,255,.18) !important; }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-empty :is(h2, p) { color: #e6e8eb !important; }
html[class*="msp-theme-meridian"] .mr-rank .btn-primary { background: #141414 !important; border-color: rgba(255,255,255,.18) !important; color: #fff !important; }
html[class*="msp-theme-meridian"] .mr-rank .btn-primary:hover { background: #3a3a3a !important; }
html[class*="msp-theme-meridian"] .mr-rank .btn-outline-primary { color: #fff !important; border-color: rgba(255,255,255,.45) !important; background: transparent !important; }
html[class*="msp-theme-meridian"] .mr-rank .mr-rank-pager :is(a, span, li) { color: #e6e8eb !important; }

/* ---------- v2.2.2: título dos cartões do Rankings menor ---------- */
html[class*="msp-theme-meridian"] .mr-scope.mr-rank .section .mr-rank-body h2,
html[class*="msp-theme-meridian"] .mr-scope.mr-rank .mr-rank-body h2 {
  font-size: 1.08rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0 !important;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
@media (max-width: 575.98px) {
  html[class*="msp-theme-meridian"] .mr-scope.mr-rank .section .mr-rank-body h2 { font-size: 1.02rem !important; }
}

/* ---------- v2.2.4: anúncio rotativo (bannerRotator) sempre legível ----------
   Seletor só com ASCII (o "ú" de "Anúncio" no seletor pode falhar conforme o charset que o servidor envia para o .css). */
html[class*="msp-theme-meridian"] div[title] > a[target="_blank"] > .btn-group[role="group"],
html[class*="msp-theme-meridian"] div[title] > a[target="_blank"] > .btn-group[role="group"] :is(div, span, strong, small) { color: #ffffff !important; }
html[class*="msp-theme-meridian"] div[title] > a[target="_blank"] > .btn-group[role="group"] small { opacity: .75; text-transform: uppercase; letter-spacing: .08em; font-size: .7rem !important; }
html[class*="msp-theme-meridian"] div[title] > a[target="_blank"]:hover > .btn-group[role="group"] :is(span, strong) { color: var(--mr-brass-300) !important; }