/*! Meridian Sistemas (v1.0.0) - systems, subscriptions and affiliates. Requires the Meridian theme. */
html[class*="msp-theme-meridian"] .mr-scope .mr-kicker {
  display: inline-block; margin-bottom: .5rem;
  font-size: .75rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: var(--mr-brass-600, #9a7930);
}
html[class*="msp-theme-meridian"] .mr-scope .section-head.text-center .rule::before { margin-left: auto; margin-right: auto; }

/* hero: stack of systems */
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-stack { display: grid; gap: .75rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini {
  display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .9rem;
  padding: .9rem 1rem; text-decoration: none;
  background: var(--mr-card, #fff); border: 1px solid var(--mr-card-line, #d9e0ea); border-left: 4px solid var(--sys, var(--mr-brass));
  border-radius: 8px; box-shadow: 0 10px 26px -18px rgba(0,0,0,.35);
  transition: transform .2s ease, box-shadow .2s ease;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini:hover { transform: translateX(4px); box-shadow: 0 16px 32px -18px rgba(0,0,0,.45); }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-dot {
  display: inline-flex; align-items: center; justify-content: center; flex: none;
  width: 2.2rem; height: 2.2rem; border-radius: 8px;
  background: color-mix(in srgb, var(--sys, #b8933f) 14%, transparent); color: var(--sys, #b8933f);
  font-weight: 800;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini-name { font-weight: 800; color: var(--mr-card-heading, var(--mr-ink)); line-height: 1.25; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini-name small { display: block; font-weight: 500; font-size: .8rem; color: var(--mr-card-text, var(--mr-slate)); margin-top: .15rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini-price { text-align: right; font-weight: 800; color: var(--mr-card-heading, var(--mr-ink)); font-size: .92rem; white-space: nowrap; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini-price small { display: block; font-weight: 500; font-size: .7rem; color: var(--mr-card-text, var(--mr-slate)); }

/* tabs */
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-tabs { gap: .5rem; margin: 1.5rem 0 2rem; border: 0; flex-wrap: wrap; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-tabs .nav-link {
  border: 1px solid var(--mr-card-line, #d9e0ea); border-radius: 999px; padding: .55rem 1.3rem;
  background: var(--mr-card, #fff); color: var(--mr-card-heading, var(--mr-ink)); font-weight: 700;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-tabs .nav-link.active {
  background: var(--sys, var(--mr-ink)); border-color: var(--sys, var(--mr-ink)); color: #fff;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-intro {
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 1rem;
  max-width: 980px; margin: 0 auto 2rem; padding-left: 1rem; border-left: 3px solid var(--sys, var(--mr-brass));
}
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-intro h3 { font-size: 1.25rem !important; margin-bottom: .35rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-intro p { margin: 0; max-width: 680px; }
html[class*="msp-theme-meridian"] .mr-scope .mr-sys-empty { padding: 1.5rem 0; }

/* plan cards */
html[class*="msp-theme-meridian"] .mr-scope .mr-plan {
  position: relative; height: 100%; display: flex; flex-direction: column;
  padding: 1.75rem 1.5rem 1.5rem;
  background: var(--mr-card, #fff); border: 1px solid var(--mr-card-line, #d9e0ea); border-radius: 10px;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-plan.is-featured {
  border: 2px solid var(--sys, var(--mr-brass));
  box-shadow: 0 24px 48px -26px rgba(0,0,0,.45);
}
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-tag {
  position: absolute; top: -12px; left: 1.5rem;
  padding: .2rem .7rem; border-radius: 999px;
  background: var(--sys, var(--mr-brass)); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-name { font-size: 1rem !important; letter-spacing: .08em; text-transform: uppercase; color: var(--mr-card-text, var(--mr-slate)); margin: 0 0 .4rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-price { font-size: 1.75rem; font-weight: 800; color: var(--mr-card-heading, var(--mr-ink)); margin: 0 0 1rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-list { list-style: none; padding: 0; margin: 0 0 1.5rem; display: grid; gap: .55rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-list li { display: flex; gap: .55rem; align-items: flex-start; color: var(--mr-card-text, var(--mr-slate)); font-size: .95rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-list svg { flex: none; margin-top: .2rem; color: var(--sys, var(--mr-brass)); }
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-pay { margin-top: auto; display: grid; gap: .5rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-btn {
  width: 100%; font-weight: 700;
  background: var(--mr-ink) !important; border: 1px solid var(--mr-ink) !important; color: #fff !important;
}
html[class*="msp-theme-meridian"] .mr-scope .mr-plan.is-featured .mr-plan-btn { background: var(--sys, var(--mr-brass)) !important; border-color: var(--sys, var(--mr-brass)) !important; }
html[class*="msp-theme-meridian"] .mr-scope .mr-plan-btn:hover { filter: brightness(1.12); }

/* comparison table: light version inside the Meridian section */
html[class*="msp-theme-meridian"] .mr-scope .mr-compare .table { background: var(--mr-card, #fff) !important; color: var(--mr-card-text, var(--mr-slate)) !important; border-radius: 10px; overflow: hidden; }
html[class*="msp-theme-meridian"] .mr-scope .mr-compare .table > :not(caption) > * > * { background: transparent !important; color: var(--mr-card-text, var(--mr-slate)) !important; border-color: var(--mr-card-line, #d9e0ea) !important; padding: .9rem 1rem; vertical-align: middle; }
html[class*="msp-theme-meridian"] .mr-scope .mr-compare .table > thead > tr > * { background: var(--mr-ink) !important; color: #fff !important; border-bottom: 2px solid var(--mr-brass) !important; }
html[class*="msp-theme-meridian"] .mr-scope .mr-compare strong { color: var(--mr-card-heading, var(--mr-ink)); }
html[class*="msp-theme-meridian"] .mr-scope .mr-compare .mr-sys-dot { width: 1.8rem; height: 1.8rem; margin-right: .4rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-compare tbody > tr:nth-of-type(odd) > *,
html[class*="msp-theme-meridian"] .mr-scope .mr-compare tbody > tr:hover > * { background: transparent !important; }

/* affiliates */
html[class*="msp-theme-meridian"] .mr-scope .mr-ref-box {
  margin-top: 1.5rem; padding: 1.25rem; border-radius: 10px;
  background: var(--mr-card, #fff); border: 1px solid var(--mr-card-line, #d9e0ea); border-top: 3px solid var(--mr-brass);
}
html[class*="msp-theme-meridian"] .mr-scope .mr-ref-box h3 { font-size: 1.05rem !important; margin-bottom: .9rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-ref-row { display: grid; grid-template-columns: auto 1fr auto; gap: .6rem; align-items: center; margin-bottom: .6rem; }
html[class*="msp-theme-meridian"] .mr-scope .mr-ref-row .form-control { font-size: .82rem; background: var(--mr-mist, #eef2f7); border-color: var(--mr-card-line, #d9e0ea); color: var(--mr-card-heading, var(--mr-ink)); }
html[class*="msp-theme-meridian"] .mr-scope .mr-copy { background: var(--mr-brass) !important; border: 1px solid var(--mr-brass) !important; color: var(--mr-on-accent, #fff) !important; font-weight: 700; min-width: 5.5rem; }
@media (max-width: 575.98px) {
  html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini { grid-template-columns: auto 1fr; }
  html[class*="msp-theme-meridian"] .mr-scope .mr-sys-mini-price { grid-column: 2; text-align: left; }
}