/* Suscripciones al día (D-267). La base (marino, coral de acento con texto marino, radio de 6 px,
   sin sombras ni degradados, Poppins autoalojada) es la de todas las soluciones por suscripción. */
@import url('/es/compartido/app-base.css');

.cifras { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: 12px; }
.cifra { display: grid; gap: 2px; }
.cifra strong { font-size: 22px; line-height: 1.2; }
.resumen .sub, .tarjeta--marino .sub { color: var(--linea); }
.aviso--plan { border-color: var(--marino-2); background: var(--superficie); }
.campo--crece { flex: 1; min-width: 180px; }
.grupo-radios { border: 0; padding: 0; margin: 0; min-width: 0; }
.barra-gasto { height: 10px; border-radius: 999px; background: var(--linea); overflow: hidden; }
.barra-gasto > span { display: block; height: 100%; background: var(--marino); }
.barra-gasto--pasado > span { background: var(--coral-texto); }
.renueva { display: grid; grid-template-columns: 1fr auto; gap: 2px 12px; padding: 10px 0; border-bottom: 1px solid var(--linea); }
.renueva strong { text-align: right; }
.renueva .sub { grid-column: 1 / -1; }
.diagnostico { min-height: 220px; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12.5px; line-height: 1.45; white-space: pre; overflow: auto; }
.reparto { display: grid; grid-template-columns: minmax(0, 1fr) 7rem; gap: 8px; align-items: end; }
@media (max-width: 559px) { .reparto { grid-template-columns: minmax(0, 1fr); } }
h1[tabindex='-1']:focus { outline: none; }
.ahorro { padding: 10px 0; border-bottom: 1px solid var(--linea); display: grid; gap: 2px; }
.etiqueta--no-uso { background: var(--amarillo-suave); border-color: var(--amarillo); color: var(--amarillo-texto); }
.etiqueta--cancelada { color: var(--gris); text-decoration: line-through; }