/* Fase 6.86: «Que comprar», arriba de Compras. */
.reponer__frase{ font-family:var(--font-marca); font-size:20px; line-height:1.35; color:var(--ink); margin-top:var(--sp-2); }
.reponer__frase b{ color:var(--marca-ink); font-weight:600; }
.reponer__chips{ margin-top:var(--sp-3); }
.reponer__lista{ list-style:none; margin:var(--sp-3) 0 0; padding:0; }
.reponer__item{
  display:flex; gap:var(--sp-3); align-items:center; justify-content:space-between; flex-wrap:wrap;
  padding:var(--sp-3) 0; border-bottom:1px solid var(--line);
}
.reponer__item--ya{ border-left:3px solid var(--neg); padding-left:var(--sp-3); }
.reponer__txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1 1 220px; }
.reponer__nombre{ font-size:16px; font-weight:600; color:var(--ink); }
.reponer__meta{ font-size:13px; color:var(--ink-2); }
.reponer__ya{ color:var(--neg); }
.reponer__ya::before{ content:"▼ "; }
.reponer__accion{ display:flex; gap:var(--sp-2); align-items:center; flex-wrap:wrap; }
.reponer__cuanto{ font-size:15px; font-weight:700; color:var(--ink); white-space:nowrap; }
.reponer__mas summary{ cursor:pointer; min-height:44px; display:flex; align-items:center; color:var(--marca-ink); font-weight:600; }

/* Fase 6.87: «¿Cómo va tu club?» en Ajustes. */
.club-resumen{ margin:var(--sp-3) 0 var(--sp-4); padding:var(--sp-4); border-radius:var(--r-md); background:var(--marca-tenue); }
.club-resumen__frase{ font-family:var(--font-marca); font-size:18px; line-height:1.4; color:var(--ink); }
.club-resumen__cifras{ display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--sp-3); margin:var(--sp-3) 0 0; }
.club-resumen__cifras dt{ font-size:12px; color:var(--ink-2); }
.club-resumen__cifras dd{ margin:0; font-size:22px; font-weight:700; color:var(--ink); }
.club-resumen__fieles{ margin:var(--sp-2) 0 0; padding-left:var(--sp-5); }
.club-resumen__fieles li{ display:flex; justify-content:space-between; gap:var(--sp-3); padding:4px 0; }
.club-resumen__tel{ color:var(--ink-3); font-size:12px; }
@media (min-width:600px){ .club-resumen__cifras{ grid-template-columns:repeat(4, 1fr); } }

/* Fase 6.89: MATRIZ IA. El sello marca lo que es de la suscripcion premium, en cualquier
   pantalla: tinta oscura, chico y en versalitas, para que se lea como «plan», no como alerta. */
.ia-sello{ display:inline-flex; align-items:center; gap:4px; margin-left:6px; padding:2px 8px; border-radius:999px;
  background:var(--ink); color:var(--ink-inv); font-size:11px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; vertical-align:middle; white-space:nowrap; }
.ia-sello::before{ content:"✦"; font-size:10px; }
.ia-bloque{ margin:0 0 var(--sp-4); }
.ia-bloque--apagado{ padding:var(--sp-3); border:1px dashed var(--line); border-radius:12px; }
.ia-bloque__titulo{ margin:0 0 4px; font-weight:700; color:var(--ink-2, var(--ink)); }
.ia-boton{ min-height:48px; justify-content:center; border:1.5px solid var(--ink); background:transparent; color:var(--ink); font-weight:700; }
.recibo-linea{ padding:var(--sp-3) 0; border-bottom:1px solid var(--line); }
.recibo-linea__texto{ margin:0 0 6px; font-family:ui-monospace, "Courier New", monospace; font-size:13px; color:var(--ink-2, var(--ink)); overflow-wrap:anywhere; }
.recibo-linea select, .recibo-linea input{ width:100%; min-height:44px; padding:0 var(--sp-3); border-radius:var(--r-sm); border:1px solid var(--line-fuerte);
  background:var(--paper); color:var(--ink); font-size:16px; font-variant-numeric:tabular-nums; }
.recibo-linea__numeros{ display:flex; gap:var(--sp-2); align-items:flex-end; margin-top:6px; flex-wrap:wrap; }
.recibo-linea__numeros label{ flex:1 1 120px; display:flex; flex-direction:column; gap:2px; font-size:13px; color:var(--ink-3); min-width:0; }
.recibo-linea__numeros input{ width:100%; min-width:0; }
.recibo-linea__numeros select{ flex:0 1 auto; width:auto; max-width:40%; }
.recibo-linea[data-guardada] { opacity:.6; }