:root{
  --mb-text:#0b0b0b;
  --mb-muted:#5a5a5a;
  --mb-brand:#009fe3;
  --mb-brand-2:#008de3;
  --mb-soft:#eef5ff;
  --mb-border:#e9eef5;
  --mb-radius:18px;
  --mb-max:1120px;
  --ok:#2e7d32;
  --no:#9e9e9e;
}

.minbis-planes{background:#fff; color:var(--mb-text)}
.mb-wrap{max-width:var(--mb-max); margin:0 auto; padding:0 20px}

/* Hero */
.mb-hero{padding:40px 0 20px; text-align:center}
.mb-hero h1{font-size:clamp(2rem,4vw,3rem); margin:0 0 10px; letter-spacing:-.02em}
.mb-hero p{color:var(--mb-muted); max-width:760px; margin:0 auto}

/* Toggle */
.mb-toggle{display:flex; justify-content:center; gap:10px; margin:22px 0 8px}
.mb-switch{display:inline-flex; border:1px solid var(--mb-border); border-radius:999px; overflow:hidden}
.mb-switch button{border:0; background:#fff; color:var(--mb-brand); padding:8px 14px; cursor:pointer; font-weight:700}
.mb-switch button[aria-pressed="true"]{background:var(--mb-soft); color:var(--mb-brand)}

/* Grid y cards */
.mb-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:18px 0 10px}
.plan{border:1px solid var(--mb-border); border-radius:22px; padding:20px 22px; background:#fff}
.plan--focus{outline:2px solid var(--mb-soft); box-shadow:0 6px 20px rgba(11,93,187,.08)}
.plan h3{margin:0 0 8px; font-size:1.25rem}
.badge{display:inline-block; font-size:.78rem; padding:4px 8px; border-radius:999px; background:#f0f2ff; color:#5a63ff; margin-left:8px}
.price{font-size:1.4rem; font-weight:800; color:var(--mb-text); margin:8px 0 10px}
.alt{color:var(--mb-muted); font-weight:700; margin-left:6px}
.plan ul{margin:10px 0 0 18px}
.plan li{margin:8px 0}
.ok{display:inline-block; background:#e6f4ea; color:var(--ok); border-radius:6px; padding:2px 6px; font-weight:800; margin-left:6px}
.no{display:inline-block; color:#777; margin-left:6px}

/* CTA */
.cta{display:flex; gap:12px; flex-wrap:wrap; justify-content:center; margin:24px 0 6px}
.btn{display:inline-block; padding:12px 20px; border-radius:999px; text-decoration:none; font-weight:800}
.btn-primary{background:var(--mb-brand); color:#fff}
.btn-primary:hover{background:var(--mb-brand-2)}
.btn-ghost{background:var(--mb-soft); color:var(--mb-brand)}

/* Banda */
.band{border:1px dashed var(--mb-border); border-radius:16px; padding:14px; text-align:center; color:var(--mb-muted)}

/* Responsive */
@media (max-width:900px){ .mb-grid{grid-template-columns:1fr} }

/* Anti-sidebar por si acaso */
.page-template-page-minbis-planes .sidebar, 
.page-template-page-minbis-planes .widget-area{ display:none !important; }
.page-template-page-minbis-planes .site-content .content-area,
.page-template-page-minbis-planes .site-content .inside-article{ float:none !important; width:100% !important; clear:both !important; }

.mb-footnote{
  max-width: var(--mb-max);
  margin: 10px auto 18px;
  padding: 10px 14px;
  font-size: .95rem;
  color: var(--mb-muted);
  background: #fcfdff;
  border: 1px dashed var(--mb-border);
  border-radius: 12px;
  line-height: 1.5;
}
.mb-footnote strong{ color: var(--mb-text); }
.mb-footnote > span[aria-hidden="true"]{ 
  font-weight: 800; margin-right: 6px; color: var(--mb-brand);
}

/* Asterisco visible en items de plan (igual que el de la nota) */
.minbis-planes .plan li sup.mb-ast{
  font-size: 1em;              /* evita que se encoja */
  line-height: 1;
  vertical-align: text-top;     /* o usa: position:relative; top:-0.15em; */
  color: var(--mb-brand);
  font-weight: 800;
  margin-left: 2px;
}