/* PG Forja Clínica · Suscripciones y cuotas mensuales (prefijo .pgsu-). */
.pgsu-tabs { display: flex; flex-wrap: wrap; gap: .4rem; margin-bottom: 1rem; }
.pgsu-tabs button.on { background: var(--pg-primario); color: #fff; border-color: var(--pg-primario); }
.pgsu-num { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.pgsu-suave { color: var(--suave); }
.pgsu-debe { color: var(--error); }
.pgsu-cupo { min-width: 8rem; }
.pgsu-barra { height: 6px; background: var(--superficie2); border-radius: 4px; overflow: hidden; margin-top: 4px; max-width: 14rem; }
.pgsu-barra i { display: block; height: 100%; background: var(--ok); border-radius: 4px; }
.pgsu-barra.cero i { background: var(--error); }
.pgsu-cab { display: flex; flex-wrap: wrap; gap: .5rem 1rem; align-items: center; margin-bottom: .8rem; }
.pgsu-datos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: .6rem 1rem; margin: 0 0 1rem; }
.pgsu-datos dt { font-size: .8em; color: var(--suave); }
.pgsu-datos dd { margin: 0; overflow-wrap: anywhere; }
.pgsu-resumen { border: 1px dashed var(--borde); border-radius: 10px; padding: .6rem .8rem; margin: .6rem 0; background: var(--superficie2); line-height: 1.6; }
.pgsu-checks, .pgsu-trat { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr)); gap: .3rem 1rem; margin: .6rem 0; }
.pgsu-trat { border: 1px solid var(--borde); border-radius: 10px; padding: .6rem .8rem; }
.pgsu-trat legend { font-size: .85em; color: var(--suave); padding: 0 .3rem; }
.pgsu-planes { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 1rem; }
.pgsu-plan { margin: 0; min-width: 0; }
.pgsu-plan.off { opacity: .6; }
.pgsu-precio b { font-size: 1.4em; color: var(--pg-primario); }
.pgsu-dos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.pgsu-dos > * { min-width: 0; }
.pgsu-cond { margin-top: 1rem; }
.pgsu-cond summary { cursor: pointer; color: var(--suave); }
.pgsu-condiciones { border: 1px solid var(--borde); border-radius: 10px; padding: .7rem .9rem; margin: .6rem 0; background: var(--superficie2); max-height: 16rem; overflow: auto; line-height: 1.5; overflow-wrap: anywhere; }
.pgsu-quedan b { font-size: 1.2em; color: var(--pg-primario); }
@media (max-width: 800px) { .pgsu-dos { grid-template-columns: minmax(0, 1fr); } }