/* finanzas-resumen.css -- El Resumen de Finanzas nuevo (plan PLAN-finanzas-inteligentes-2026-10, F3; lienzo v3, tableros 1 y 2). Solo tokens de Cuarto
   Oscuro. Los botones grandes son los del Inicio (.ba de widgets-inicio.css); las filas, de finanzas-simple.css y finanzas-fijos.css. */
.frs-ba{ grid-template-columns:repeat(3, minmax(0,1fr)); margin:0 0 var(--e-5); }
.frs-ba > .ba:last-child:nth-child(odd){ grid-column:auto; }
.frs-ba .ba{ border:0; font:inherit; cursor:pointer; }
.frs-ba-t{ font-size:var(--t-campo); font-weight:600; color:var(--tinta); }
.frs-ba .ba-nom.urge{ color:var(--urge); }
/* En una columna angosta (telefono, o el chat abierto al lado) los botones dicen solo su nombre; «Cobrar» conserva cuanto se vencio (lienzo v3, tablero 2). */
@container ba (max-width:599px){ .frs-ba .ba{ --ba-art:40px; } .frs-ba .frs-opc{ display:none; } }
.frs-hoy{ margin-bottom:var(--e-5); }
.frs-periodo{ display:flex; align-items:baseline; gap:var(--e-2); margin:0 0 var(--e-2); }
.frs-per{ font-weight:600; color:var(--tinta); text-decoration:none; }
.frs-viene{ margin:var(--e-5) 0; }
.frs-frase{ margin:0 0 var(--e-2); font-size:var(--t-campo); color:var(--tinta); }
.frs-graf{ display:block; width:100%; height:64px; margin:var(--e-2) 0 0; }
.frs-linea{ fill:none; stroke:var(--tinta); stroke-width:2; vector-effect:non-scaling-stroke; }
.frs-cero{ stroke:var(--linea); stroke-width:1; vector-effect:non-scaling-stroke; }
.frs-graf-ej{ display:flex; justify-content:space-between; margin:var(--e-1) 0 var(--e-3); font-size:var(--t-meta); color:var(--medio); }
.frs-invita{ display:flex; align-items:center; justify-content:space-between; gap:var(--e-3); flex-wrap:wrap; margin:var(--e-2) 0; padding:var(--e-3) var(--e-4); border-radius:var(--r-flota); background:var(--piedra); }
.frs-invita .fs-txt{ display:flex; flex-direction:column; gap:2px; min-width:0; flex:1; }
.frs-fijos{ margin:var(--e-4) 0; text-decoration:none; color:inherit; }
/* F5a (tableros 10 y 11): «Así cerró <mes>» flota debajo de los botones del 1 al 7 (16 px = flota); la linea de impuestos es una fila mas. */
.frs-cierre{ margin:var(--e-4) 0; padding:var(--e-4) var(--e-5); border-radius:var(--r-flota); background:var(--piedra); }
.frs-cierre-cab{ display:flex; align-items:flex-start; gap:var(--e-3); }
.frs-cierre-t{ flex:1; margin:0; font-size:var(--t-sub); font-weight:500; color:var(--tinta); }
.frs-cierre-cifra{ display:flex; align-items:baseline; flex-wrap:wrap; gap:var(--e-2) var(--e-3); margin:var(--e-2) 0 0; }
.frs-ci-monto{ font-size:var(--t-saludo); letter-spacing:-.02em; color:var(--tinta); font-variant-numeric:tabular-nums; }
.frs-ci-monto.urge{ color:var(--urge); }
.frs-cierre .fs-fila{ padding-left:0; padding-right:0; }
.frs-imp{ margin:var(--e-2) 0 var(--e-4); }
.frs-imp-aviso{ margin:var(--e-3) 0; align-items:flex-start; }
.frs-imp-aviso .fs-txt{ display:flex; flex-direction:column; gap:2px; }
/* «Pagas esta semana» al pie del calendario del Inicio (F5a, tablero 11): una fila sin caja ni raya. */
.cal-pagas{ display:flex; align-items:center; gap:var(--e-3); margin:var(--e-3) 0 0; }
.cal-pagas .fs-txt{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0; }
/* F5b: «Tu numero», la temporada y la linea de «Xarpie vio»: filas como las de impuestos. */
.frs-num{ margin:0 0 var(--e-2); }
.frs-sug{ margin:var(--e-2) 0 var(--e-4); text-decoration:none; color:inherit; }
/* Dinero como la carta (plan PLAN-leyes-dinero-2026-11, D1 a D5; lienzo «Dinero como la carta», tableros 1a, 1b y 1c). Solo con `estudio.finanzas_carta`.
   «Te toca» es lo unico que flota (16 px); lo demas son filas sin caja. Un solo relleno en la pagina: el boton de «Te toca». */
.fsc-toca{ display:flex; flex-direction:column; gap:var(--e-3); margin:0 0 var(--e-5); padding:var(--e-4) var(--e-5); border-radius:var(--r-flota); background:var(--piedra); box-shadow:var(--sombra-flota); }
.fsc-toca-fila{ display:flex; align-items:center; gap:var(--e-4); flex-wrap:wrap; }
.fsc-toca-fila .fs-txt{ display:flex; flex-direction:column; gap:2px; flex:1 1 260px; min-width:0; }
.fsc-eti{ font-size:var(--t-eti); font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--medio); }
.fsc-tit{ font-size:var(--t-sub); font-weight:500; color:var(--tinta); overflow-wrap:anywhere; }
.fsc-uno{ flex:none; }
.fsc-linea{ display:flex; align-items:center; gap:var(--e-3); padding-top:var(--e-3); border-top:1px solid var(--linea); font-size:var(--t-meta); color:var(--texto); }
.fsc-linea > span{ flex:1; min-width:0; }
.fsc-grupo{ padding:var(--e-3) var(--e-3) var(--e-1); font-size:var(--t-eti); font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--medio); }
.fsc-grupo.urge{ color:var(--urge); }
.fsc-fila{ text-decoration:none; color:inherit; }
.fsc-fila .fs-txt{ display:flex; flex-direction:column; gap:2px; }
.fsc-mes{ margin:var(--e-5) 0 0; }
.fsc-pie{ margin:var(--e-2) 0 0; }
.fsc-saldo{ margin:var(--e-2) 0; }
.fsc-plegado{ margin-bottom:var(--e-5); }
/* Las pildoras de la cabecera NO son el boton de una fila: en el telefono .fs-btn se estira a todo el ancho (finanzas-simple.css) y se comia a «Gaste» y al «···». */
@media (max-width:560px){ .fsc-toca{ padding:var(--e-4); } .fs-btn.fsc-pil{ margin-left:0; flex:none; } .fsc-uno{ min-height:44px; } .fsc-fila{ flex-wrap:nowrap; } }