/* ============================================================
   PAGE · MEMBRESÍAS (Fase 4). Reutiliza sesiones.css para el
   encabezado, las tarjetas y el modal; aquí solo lo propio.
   ============================================================ */
.mb-hero-ctas{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
.mb-link-claro{color:rgba(245,242,235,.8);font-size:14px;text-decoration:underline;text-underline-offset:4px;}
.mb-link-claro:hover{color:var(--paper);}
.page-hero h1 em{font-style:italic;color:var(--ice-light);font-weight:400;}

.mb-pasos{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.mb-pasos li{display:flex;gap:14px;background:var(--paper-warm);border-radius:10px;padding:22px 20px;}
.mb-pasos strong{display:block;font-size:16px;margin-bottom:6px;}
.mb-pasos p{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0;}
.mb-paso-n{width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
@media(max-width:800px){.mb-pasos{grid-template-columns:1fr;}}

.mb-switch{display:inline-flex;background:rgba(245,242,235,.08);border:1px solid rgba(245,242,235,.18);border-radius:100px;padding:4px;margin-bottom:28px;}
.mb-switch button{background:none;border:none;color:rgba(245,242,235,.75);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.04em;padding:10px 20px;border-radius:100px;cursor:pointer;transition:background .2s,color .2s;}
.mb-switch button[aria-selected="true"]{background:var(--paper);color:var(--ink);}
.mb-switch button:focus-visible{outline:2px solid var(--ice-light);outline-offset:2px;}

.mb-incluye{list-style:none;padding:0;margin:0 0 18px;font-size:12.5px;line-height:1.5;color:rgba(245,242,235,.82);}
.mb-incluye li{padding-left:18px;position:relative;margin:4px 0;}
.mb-incluye li::before{content:"✓";position:absolute;left:0;color:var(--ice-light);font-weight:700;}
.memb-card.featured .mb-incluye li::before{color:#fff;}
.mb-ahorro{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:rgba(245,242,235,.12);color:var(--paper);border-radius:3px;padding:3px 7px;margin-bottom:12px;align-self:flex-start;}
.memb-card.early .mb-was{text-decoration:line-through;opacity:.55;font-size:14px;margin-left:8px;font-family:var(--font-body);}

.mb-beneficios{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.mb-benef{border-top:2px solid var(--ink);padding-top:16px;}
.mb-benef-t{font-family:var(--font-display);font-size:20px;margin-bottom:8px;}
.mb-benef p{font-size:14px;line-height:1.6;color:var(--ink-soft);margin:0;}
@media(max-width:900px){.mb-beneficios{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.mb-beneficios{grid-template-columns:1fr;}}

.mb-faq details{border-bottom:1px solid var(--line);padding:16px 0;max-width:760px;}
.mb-faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px;}
.mb-faq summary::-webkit-details-marker{display:none;}
.mb-faq summary::after{content:"+";font-size:20px;line-height:1;color:var(--ice);}
.mb-faq details[open] summary::after{content:"−";}
.mb-faq details p{font-size:14.5px;line-height:1.65;color:var(--ink-soft);margin:10px 0 0;}
.mb-faq a{color:var(--ice);}

.mb-modal-eyebrow{font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ice);margin-bottom:6px;}
.mb-modal-precio{font-family:var(--font-display);font-size:34px;line-height:1;margin:4px 0 4px;font-variant-numeric:tabular-nums;}
.mb-modal-precio span{font-size:15px;font-family:var(--font-body);opacity:.6;}
.mb-campos{display:grid;gap:8px;}
.mb-campos input{width:100%;box-sizing:border-box;padding:12px 14px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;font-family:inherit;font-size:16px;}
.mb-ok{background:#e8f4fd;border:1px solid #b3d4f0;border-radius:8px;padding:16px;margin-top:14px;color:#1a4a6b;font-size:14px;line-height:1.6;}
.mb-ok a{color:#1a4a6b;font-weight:700;}
#mbModal .modal{max-height:92vh;overflow-y:auto;}
#mbBtn,#mbConvBtn{border:none;cursor:pointer;font-family:inherit;width:100%;margin-top:12px;}