/* finanzas-fijos.css -- La pestana «Pagos fijos» y sus hojas (plan PLAN-finanzas-inteligentes-2026-10, F1). Solo tokens de Cuarto Oscuro. Las filas,
   las pildoras y el segmentado vienen de finanzas-simple.css (.fs-*): aqui solo lo que es de esta pestana. Filas sin cajas ni rayas; 16 px = flota;
   pildora = se toca. */
.ff-barra-sup{ display:flex; align-items:center; justify-content:space-between; gap:var(--e-3); margin:var(--e-2) 0 var(--e-4); flex-wrap:wrap; }
.ff-sub{ margin:0; font-size:var(--t-texto); color:var(--medio); }
.ff-sec{ margin:0 0 var(--e-5); }
.ff-fila{ width:100%; }
/* El nombre arriba y lo que dice debajo (en finanzas-simple.css .fs-q es un enlace en linea y .fs-s un div; aqui son spans). */
.ff-fila .fs-txt, .ff-renglon .fs-txt{ display:flex; flex-direction:column; gap:2px; }
.ff-boton{ border:0; background:transparent; color:inherit; font:inherit; text-align:left; cursor:pointer; }
.ff-fecha{ flex:none; width:52px; font-size:var(--t-meta); color:var(--medio); font-variant-numeric:tabular-nums; }
.ff-fecha.urge, .fs-gt.urge, .fs-s.urge{ color:var(--urge); font-weight:600; }
.ff-barra{ display:block; width:160px; max-width:100%; height:3px; margin-top:var(--e-1); border-radius:var(--r-pildora); background:var(--piedra-on); overflow:hidden; }
.ff-barra > span{ display:block; height:100%; border-radius:inherit; background:var(--texto); }
.ff-enlaces{ display:flex; flex-wrap:wrap; gap:var(--e-4); margin:var(--e-1) 0 var(--e-3); }
.ff-texto{ min-height:36px; padding:0; border:0; background:transparent; color:var(--medio); font:inherit; font-size:var(--t-texto); text-decoration:underline; cursor:pointer; }
@media (hover:hover){ .ff-texto:hover{ color:var(--tinta); } }
.ff-plegado{ margin:0 0 var(--e-4); }
.ff-nota{ margin:var(--e-3) 0 0; }
.ff-vacio p{ margin:0; color:var(--medio); }

/* Las hojas */
.ff-hoja{ display:flex; flex-direction:column; gap:var(--e-3); }
.ff-hoja .fs-seg{ align-self:flex-start; }
.ff-monto-grande{ margin:0; font-size:var(--t-saludo); letter-spacing:-.02em; color:var(--tinta); font-variant-numeric:tabular-nums; }
.ff-monto-grande .fs-s{ font-size:var(--t-texto); letter-spacing:0; }
.ff-pila{ display:flex; flex-direction:column; gap:var(--e-2); }
.ff-ancho{ width:100%; min-height:48px; justify-content:center; }
.ff-centro{ margin:var(--e-1) 0 0; text-align:center; }
.ff-pila .ff-texto{ align-self:center; }
.ff-monto-inp{ font-size:var(--t-titulo); font-variant-numeric:tabular-nums; }
.ff-pregunta{ margin:0; padding:var(--e-3) var(--e-4); border-radius:var(--r-flota); background:var(--piedra-on); color:var(--tinta); }
.ff-dos{ display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:var(--e-3); }
.ff-dos .field{ margin:0; }
@media (max-width:560px){ .ff-dos{ grid-template-columns:minmax(0, 1fr); } }
.ff-switch{ display:flex; align-items:center; gap:var(--e-2); flex-wrap:wrap; min-height:36px; color:var(--tinta); }
.ff-sw{ -webkit-appearance:none; appearance:none; position:relative; flex:none; width:36px; height:22px; margin:0; border-radius:var(--r-pildora); background:var(--piedra-on); cursor:pointer; }
.ff-sw::before{ content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:var(--medio); transition:left var(--d-toque) var(--curva-cambia); }
.ff-sw:checked{ background:var(--boton); }
.ff-sw:checked::before{ left:17px; background:var(--boton-t); }
.ff-renglones{ display:flex; flex-direction:column; }
.ff-renglon{ display:flex; align-items:center; gap:var(--e-3); width:100%; min-height:56px; padding:var(--e-1) 0; border:0; border-radius:var(--r); background:transparent; color:var(--tinta); font:inherit; text-align:left; cursor:pointer; }
@media (hover:hover){ .ff-renglon:hover{ background:var(--tinte-toque); } }
.ff-renglon-v{ font-size:var(--t-campo); color:var(--tinta); }
.ff-chevron{ flex:none; color:var(--medio); display:flex; transform:rotate(-90deg); transition:transform var(--d-toque) var(--curva-cambia); }
.ff-renglon[aria-expanded="true"] .ff-chevron{ transform:rotate(0deg); }
.ff-panel{ display:flex; flex-direction:column; gap:var(--e-2); padding:0 0 var(--e-3); }
.ff-op{ display:flex; align-items:flex-start; gap:var(--e-2); min-height:36px; color:var(--tinta); }
.ff-op input[type="radio"]{ margin-top:3px; accent-color:var(--boton); }
.ff-bloque{ display:block; }
.ff-corto{ width:72px; min-height:36px; }
.ff-medio{ width:150px; min-height:36px; }
.ff-total{ margin:0; color:var(--tinta); }
@media (prefers-reduced-motion:reduce){ .ff-sw::before, .ff-chevron{ transition:none; } }
/* F5b (tableros 10 y 11): «Xarpie vio» arriba de la pestana y la linea de suscripciones bajo el subtitulo. Filas, sin cajas. */
.ff-sus{ margin:0 0 var(--e-3); }
.ff-sus .fs-s{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--e-2); }
.ff-sug .fx{ flex-wrap:wrap; align-items:center; }