/* Misión Civil Pro — sección «Planes» de la página principal y lo que se trajo de /servicio.
   Solo lo que styles.css no trae: reutiliza .plan, .pricing-grid, .case, .cta-band y .modal. */

/* --- Planes: dos grupos de dos tarjetas --- */
.planes-grupo + .planes-grupo { margin-top:2.8rem; }
.planes-grupo h3.grupo-titulo { font-size:1.25rem; margin:0 0 1.1rem; }
.pricing-grid--2 { grid-template-columns:1fr; }
@media (min-width:900px) { .pricing-grid--2 { grid-template-columns:repeat(2,1fr); } }
.plan .plan-for { min-height:0; }
.plan h3 + .plan-for { margin-top:.5rem; }
.planes-grupo .plan ul { align-content:start; }
.modal-body .notice { margin:0 0 1rem; }
.plan .plan-precios { margin:1rem 0 .2rem; font-size:.95rem; color:var(--ink); display:grid; gap:.25rem; }
.plan .plan-precios b { font-weight:700; }
.plan .plan-nota { font-size:.84rem; color:var(--slate-500); margin:0 0 .5rem; }
.plan .plan-incluye { margin:1.1rem 0 -.5rem; font-size:.92rem; font-weight:700; color:var(--ink); }
.plan .plan-pago { display:grid; gap:.6rem; margin-top:1rem; }
.plan .plan-dudas { text-align:center; margin-top:.9rem; font-size:.88rem; }
.plan .plan-dudas a, .plan .plan-nota a { color:var(--navy-700); text-decoration:underline; }
.plan [data-nivel-aviso] { margin:0; }
.plan [data-nivel-aviso] a { text-decoration:underline; }

.planes-cuenta { margin:0 0 1.6rem; font-size:.95rem; color:var(--slate-600); }
.planes-cuenta a { color:var(--navy-700); font-weight:600; text-decoration:underline; }

/* Aviso al volver de Mercado Pago */
.pago-nivel-aviso { margin:0 0 1.6rem; }

/* --- Nivel 3: recuadro sin precio --- */
.nivel3-recuadro { text-align:left; display:flex; flex-wrap:wrap; gap:1.2rem 2rem; align-items:center; justify-content:space-between; }
.nivel3-recuadro p { margin:0; max-width:62ch; font-size:1.08rem; color:#dbe4ef; }
@media (max-width:640px) { .nivel3-recuadro .btn { width:100%; } }

/* --- Quién soy --- */
.cifras { display:flex; flex-wrap:wrap; gap:.8rem 1.1rem; margin:0 0 2.2rem; }
.cifra { background:var(--slate-100); border:1px solid var(--slate-200); border-radius:var(--radius); padding:.85rem 1.1rem; display:flex; align-items:baseline; gap:.6rem; }
.cifra b { font-family:var(--display); font-size:1.7rem; font-weight:800; color:var(--ink); letter-spacing:-0.03em; }
.cifra span { font-size:.88rem; color:var(--slate-600); }
.sobre-grid { display:grid; gap:2rem; grid-template-columns:1fr; align-items:start; }
@media (min-width:900px) { .sobre-grid { grid-template-columns:minmax(240px,300px) 1fr; gap:3rem; } }
.ficha { background:#fff; border:1px solid var(--slate-200); border-radius:var(--radius); padding:1.4rem 1.5rem; }
.ficha-periodo { font-family:var(--mono, monospace); font-size:.8rem; color:var(--brass-dark); letter-spacing:.06em; margin:0; }
.ficha-anos { font-family:var(--display); font-size:1.35rem; font-weight:800; color:var(--ink); margin:.3rem 0 1rem; }
.ficha-row { display:flex; gap:.8rem; align-items:baseline; padding:.55rem 0; border-top:1px solid var(--slate-200); font-size:.9rem; color:var(--slate-600); }
.ficha-row b { font-family:var(--display); font-size:1.25rem; color:var(--ink); min-width:2.2rem; }
.sobre-texto p { margin:0 0 1rem; font-size:1rem; color:var(--slate-700); line-height:1.7; }
.sobre-texto .sobre-firma { font-weight:600; color:var(--ink); }
.cred-titulo { margin:1.6rem 0 .6rem; font-weight:700; color:var(--ink); }
.credenciales { list-style:none; padding:0; margin:0 0 1.4rem; display:grid; gap:.5rem; }
.credenciales li { padding-left:1.2rem; position:relative; font-size:.95rem; color:var(--slate-700); }
.credenciales li::before { content:""; position:absolute; left:0; top:.6em; width:.5rem; height:1px; background:var(--brass); }
.sobre-caso { padding:1rem 1.2rem; background:var(--brass-soft); border:1px solid #e6d5b8; border-radius:var(--radius); color:var(--brass-dark); font-size:.95rem; margin:0; }

/* --- Testimonios --- */
.testimonios-nota { margin-top:1.4rem; font-size:.9rem; color:var(--slate-500); }
.testimonios-nota a { color:var(--navy-700); text-decoration:underline; }

/* --- Lo que no prometo --- */
.no-prometo-caja { max-width:760px; }
.no-prometo-caja .fuerte { font-family:var(--display); font-size:clamp(1.2rem,2.4vw,1.6rem); font-weight:700; color:#fff; margin:0 0 .9rem; }
.no-prometo-caja p { margin:0 0 .6rem; }

/* Testimonios: cuatro, en dos columnas */
.cases-grid--2 { grid-template-columns:1fr; }
@media (min-width:720px) { .cases-grid--2 { grid-template-columns:repeat(2,1fr); } }