/* Mi cuenta → Estado de cuenta (DSU Créditos). Estilos neutros que heredan del tema. */
.dsu-credito { --dsu-borde: rgba(0, 0, 0, .14); --dsu-tenue: rgba(0, 0, 0, .6); --dsu-rojo: #b32d2e; --dsu-verde: #1a7f37; }
.dsu-credito h3 { margin: 2em 0 .6em; }
.dsu-credito__cabecera { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75em 1.5em; margin-bottom: 1em; }
.dsu-credito__ayuda { margin: 0; color: var(--dsu-tenue); }
.dsu-credito__resumen { list-style: none; margin: 0 0 1.5em; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: .75em; }
.dsu-credito__resumen li { border: 1px solid var(--dsu-borde); border-radius: 6px; padding: .8em 1em; margin: 0; display: flex; flex-direction: column; gap: .2em; min-width: 0; }
.dsu-credito__resumen span { font-size: .85em; color: var(--dsu-tenue); }
.dsu-credito__resumen strong { font-size: 1.2em; line-height: 1.2; overflow-wrap: anywhere; }
.dsu-credito__resumen small { color: var(--dsu-tenue); }
.dsu-credito__resumen li.is-disponible strong { color: var(--dsu-verde); }
.dsu-credito__resumen li.is-vencido { border-color: var(--dsu-rojo); }
.dsu-credito__resumen li.is-vencido strong { color: var(--dsu-rojo); }
.dsu-credito__pagar { border: 1px solid var(--dsu-borde); border-radius: 6px; padding: 1em 1.2em; margin: 0 0 1.5em; }
.dsu-credito__pagar h3 { margin: 0 0 .6em; }
.dsu-credito__opciones { display: flex; flex-wrap: wrap; gap: .6em 1.6em; margin-bottom: .9em; }
.dsu-credito__opciones label { display: inline-flex; align-items: center; gap: .4em; margin: 0; }
.dsu-credito__monto { width: 9em !important; margin-left: .3em; }
.dsu-credito__nota { margin: .6em 0 0; font-size: .85em; color: var(--dsu-tenue); }
.dsu-credito__tabla .num { text-align: right; white-space: nowrap; }
.dsu-credito__tabla td.acciones { text-align: right; }
.dsu-credito__tabla td.acciones form { margin: 0; }
.dsu-credito-insignia { display: inline-block; padding: .15em .6em; border-radius: 999px; font-size: .8em; font-weight: 600; line-height: 1.5; white-space: nowrap; background: #f0f0f1; color: #3c434a; }
.dsu-credito-insignia--vigente { background: #e7f0fb; color: #0a4b78; }
.dsu-credito-insignia--vencido { background: #fcf0f1; color: #8a2424; }
.dsu-credito-insignia--pagado { background: #edfaef; color: #1a5e2b; }
.dsu-credito-insignia--cancelado { background: #f0f0f1; color: #50575e; text-decoration: line-through; }
@media (max-width: 768px) {
	.dsu-credito__tabla td.acciones { text-align: left; }
	.dsu-credito__tabla td.acciones:empty { display: none; }
}

/* Ajustes tras revisar capturas: columnas angostas de Mi cuenta y temas de bloques con tipografía grande. */
.dsu-credito__resumen { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.dsu-credito__resumen strong { font-size: 1.15em; white-space: nowrap; overflow-wrap: normal; }
.dsu-credito__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 1em; }
.dsu-credito__scroll table { font-size: .8em; margin-bottom: 0; }
.dsu-credito__scroll th, .dsu-credito__scroll td { padding-left: .5em !important; padding-right: .5em !important; }
.dsu-credito__scroll td.num, .dsu-credito__scroll th { white-space: nowrap; }
.dsu-credito__monto { padding: .35em .5em; font-size: 1em; }
.dsu-credito__btn-chico { padding: .3em .9em !important; font-size: .85em !important; }