/* =========================================================
   Dicrear · Página de membresías (estilo Creative Fabrica, colores Dicrear)
   ========================================================= */
.dc-membresias{--mb-pri:#0b7fab;--mb-ok:#198754;--mb-tinta:#1f2a37;--mb-gris:#6b7280;--mb-borde:#e6e8ec}
.dc-membresias h1,.dc-membresias h2,.dc-membresias h3{color:var(--mb-tinta)}

/* Portada */
.mb-hero{background:radial-gradient(700px 260px at 15% 0,rgba(13,202,240,.16),transparent 70%),radial-gradient(700px 280px at 90% 10%,rgba(255,193,7,.16),transparent 70%),linear-gradient(180deg,#f3fafd,#fff);padding:3.2rem 0 6.5rem;text-align:center;margin-top:-1.5rem}
.mb-chip{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid #ffe08a;color:#8a6200;font-weight:700;font-size:.76rem;letter-spacing:.07em;text-transform:uppercase;padding:.38rem .9rem;border-radius:40px;box-shadow:0 2px 8px rgba(255,193,7,.15)}
.mb-hero h1{font-weight:800;font-size:clamp(1.9rem,1.2rem + 2.4vw,3.1rem);line-height:1.12;letter-spacing:-.02em;margin:1rem auto .8rem;max-width:820px}
.mb-hero h1 span{background:linear-gradient(90deg,#0b7fab,#0dcaf0);-webkit-background-clip:text;background-clip:text;color:transparent}
.mb-hero>.container-kr>p{max-width:620px;margin:0 auto;color:var(--mb-gris);font-size:1.08rem;line-height:1.55}
.mb-trust{list-style:none;padding:0;margin:1.6rem 0 0;display:flex;justify-content:center;flex-wrap:wrap;gap:.6rem}
.mb-trust li{background:#fff;border:1px solid var(--mb-borde);border-radius:40px;padding:.4rem 1rem;font-size:.86rem;color:var(--mb-gris)}
.mb-trust b{color:var(--mb-tinta);font-weight:700}
.mb-trust i{color:#f59f00}
.mb-activa{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.2rem;background:#e8f5ee;color:#14532d;border-radius:10px;padding:.65rem 1rem;font-size:.9rem;text-align:left}
.mb-activa i{font-size:1.3rem;color:var(--mb-ok)}

/* Planes */
.pricing-table{position:relative}
.mb-planes{display:grid;grid-template-columns:1fr 1.08fr 1fr;gap:1.2rem;align-items:stretch;margin-top:-4.6rem;position:relative;z-index:2}
.mb-plan{background:#fff;border:1px solid var(--mb-borde);border-radius:18px;padding:1.8rem 1.6rem 1.6rem;display:flex;flex-direction:column;box-shadow:0 8px 28px rgba(17,24,39,.06);position:relative;transition:transform .2s,box-shadow .2s}
.mb-plan:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(17,24,39,.10)}
.mb-plan.pop{border:2px solid var(--mb-pri);box-shadow:0 18px 50px rgba(11,127,171,.20);padding-top:2.6rem}
.mb-cinta{position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#0b7fab,#0dcaf0);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;text-align:center;padding:.45rem;border-radius:16px 16px 0 0}
.mb-plan-top h3{font-size:1.25rem;font-weight:800;margin:0}
.mb-para{color:var(--mb-gris);font-size:.88rem;margin:.15rem 0 1rem}
.mb-precio{display:flex;align-items:flex-start;gap:.1rem;line-height:1;color:var(--mb-tinta)}
.mb-precio small{font-size:1.4rem;font-weight:700;margin-top:.35rem}
.mb-precio b{font-size:3.2rem;font-weight:800;letter-spacing:-.03em}
.mb-precio span{align-self:flex-end;font-size:1rem;color:var(--mb-gris);margin:0 0 .45rem .2rem}
.mb-plan.pop .mb-precio b,.mb-plan.pop .mb-precio small{color:var(--mb-pri)}
.mb-cobro{font-size:.82rem;color:var(--mb-gris);margin:.55rem 0 1.2rem}
.mb-cobro b{color:var(--mb-tinta)}
.mb-btn{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;height:50px;border-radius:10px;font-weight:700;font-size:.98rem;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s;border:2px solid var(--mb-ok)}
.mb-btn.pri{background:var(--mb-ok);color:#fff!important}
.mb-btn.pri:hover{background:#146c43;border-color:#146c43;transform:translateY(-1px)}
.mb-btn.sec{background:#fff;color:var(--mb-ok)!important}
.mb-btn.sec:hover{background:#e8f5ee}
.mb-lista{list-style:none;padding:1.2rem 0 0;margin:1.2rem 0 0;border-top:1px solid var(--mb-borde);display:flex;flex-direction:column;gap:.7rem}
.mb-lista li{display:flex;gap:.55rem;align-items:flex-start;font-size:.92rem;color:#374151}
.mb-lista i{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#e8f5ee;color:var(--mb-ok);display:grid;place-items:center;font-size:1rem}
.mb-lista li.no{color:#9ca3af}
.mb-lista li.no i{background:#f1f3f5;color:#adb5bd}
.mb-pago{text-align:center;color:var(--mb-gris);font-size:.86rem;margin:1.6rem 0 0}
.mb-pago i{color:var(--mb-ok)}

/* Secciones */
.mb-sec{padding:3.5rem 0}
.mb-sec.gris{background:#f6f8fa}
.mb-sec h2,.mb-final h2{text-align:center;font-weight:800;font-size:clamp(1.45rem,1.1rem + 1vw,2rem);letter-spacing:-.01em;margin:0 0 .4rem}
.mb-sub{text-align:center;color:var(--mb-gris);margin:0 auto 2rem;max-width:620px}
.mb-cats{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:1rem}
.mb-cat{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:4/3;background:#eef1f4;color:#fff!important;text-decoration:none}
.mb-cat img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.mb-cat:hover img{transform:scale(1.05)}
.mb-cat span{position:absolute;inset:auto 0 0 0;padding:2.2rem .9rem .8rem;background:linear-gradient(180deg,transparent,rgba(15,23,32,.78));display:flex;flex-direction:column;line-height:1.2}
.mb-cat b{font-size:1rem}
.mb-cat em{font-style:normal;font-size:.8rem;opacity:.85}
.mb-tabla-wrap{max-width:880px;margin:0 auto;overflow-x:auto;border-radius:14px;box-shadow:0 8px 28px rgba(17,24,39,.06)}
.mb-tabla{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:.92rem;min-width:560px}
.mb-tabla th,.mb-tabla td{padding:.95rem 1.1rem;border-bottom:1px solid var(--mb-borde);text-align:center;vertical-align:middle}
.mb-tabla th{font-weight:800;font-size:.95rem;background:#fff}
.mb-tabla td:first-child{text-align:left;font-weight:600;color:var(--mb-tinta)}
.mb-tabla td{color:#4b5563}
.mb-tabla tr:last-child td{border-bottom:0}
.mb-tabla .dest{background:#f0f9fd;color:var(--mb-tinta)}
.mb-tabla th.dest{background:var(--mb-pri);color:#fff}
.mb-tabla i{font-size:1.3rem;color:var(--mb-ok)}
.mb-faq-wrap{max-width:820px}
.mb-faq{margin-top:1.6rem;display:flex;flex-direction:column;gap:.6rem}
.mb-faq details{background:#fff;border:1px solid var(--mb-borde);border-radius:12px;padding:0 1.1rem}
.mb-faq summary{cursor:pointer;list-style:none;font-weight:700;padding:1rem 2rem 1rem 0;position:relative;color:var(--mb-tinta)}
.mb-faq summary::-webkit-details-marker{display:none}
.mb-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--mb-pri)}
.mb-faq details[open] summary::after{content:"−"}
.mb-faq p{margin:0 0 1rem;color:var(--mb-gris);line-height:1.55}
.mb-final{padding:3.2rem 0;text-align:center;background:linear-gradient(120deg,#0a3d5c,#0b7fab);color:#fff}
.mb-final h2{color:#fff!important}
.mb-final p{color:rgba(255,255,255,.85);margin:0 0 1.3rem}
.mb-final .mb-btn{max-width:300px;margin:0 auto;border-color:#fff;background:#fff;color:var(--mb-pri)!important}
.mb-final .mb-btn:hover{background:#e7f9fd}
.mb-desc{padding-top:2rem}

/* Ventanas de pago (las mismas de siempre) */
.dc-membresias .modal-content{border-radius:12px;border:0}
.dc-membresias .modal-header{background:#f5f6f8!important}

@media(max-width:991px){
  .mb-planes{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}
  .mb-plan.pop{order:-1}
  .mb-cats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:575px){
  .mb-hero{padding:2.2rem 0 5.5rem;margin-top:-1rem}
  .mb-plan{padding:1.5rem 1.2rem 1.3rem}
  .mb-plan.pop{padding-top:2.5rem}
  .mb-sec{padding:2.5rem 0}
  .mb-cats{gap:.6rem}
}

/* ===== Pase Herramientas ===== */
.mb-herr{background:linear-gradient(180deg,#fff8f1 0%,#fff 100%);border-top:1px solid #f3e2d2}
.mb-herr .mb-chip{background:#fff0e3;color:#c2410c}
.mb-herr .mb-activa{margin:0 auto 1.4rem;max-width:760px}
.mb-herr-planes{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:1.2rem;align-items:stretch;margin-top:1.6rem}
.mb-herr .mb-plan.pop{border-color:#f76707;box-shadow:0 18px 50px rgba(247,103,7,.18)}
.mb-herr .mb-plan.pop .mb-precio b,.mb-herr .mb-plan.pop .mb-precio small{color:#f76707}
.mb-herr .mb-plan.pop .mb-cinta{background:#f76707}
.mb-herr .mb-plan.pop .mb-btn.pri{background:#f76707;border-color:#f76707}
.mb-herr-lista{background:#fff;border:1px solid var(--mb-borde);border-radius:18px;padding:1.6rem}
.mb-herr-lista h4{font-size:1rem;font-weight:800;margin:0 0 .8rem}
.mb-herr-lista .mb-lista li{align-items:flex-start}
.mb-herr-lista .mb-lista li i{color:#f76707;font-size:1.15rem}
.mb-herr-lista .mb-lista li.no i{color:#9ca3af}
@media(max-width:991px){.mb-herr-planes{grid-template-columns:1fr 1fr}.mb-herr-lista{grid-column:1 / -1}}
@media(max-width:575px){.mb-herr-planes{grid-template-columns:1fr}}
.mb-herr{scroll-margin-top:110px}
.mb-herr .mb-activa{display:block;text-align:center}
.mb-herr-planes{align-items:start}
.mb-herr .mb-plan .mb-btn{margin-top:.4rem}
.mb-herr .container-kr>.mb-chip{display:flex;width:max-content;margin:0 auto .4rem}