/* Tarifas (D57, 09/11/2026). Sistema v7: un solo azul, verde solo con significado, números tabulares a la derecha. */
#seccion-tarifas .tf { max-width:1280px; }
#seccion-tarifas h1 { font-size:24px; font-weight:600; margin:0 0 4px; }
#seccion-tarifas .sub { color:#667085; margin:0 0 14px; }
#seccion-tarifas h2 { font-size:15px; font-weight:600; margin:0 0 10px; }
#seccion-tarifas .tarjeta { background:#fff; border:1px solid #E7E9EE; border-radius:16px; padding:16px; margin-bottom:16px; min-width:0; }
#seccion-tarifas .tf-kpis { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:16px; }
#seccion-tarifas .tf-kpi { background:#fff; border:1px solid #E7E9EE; border-radius:14px; padding:12px 14px; min-width:0; }
#seccion-tarifas .tf-kpi span { display:block; font-size:12.5px; color:#667085; }
#seccion-tarifas .tf-kpi b { display:block; font-size:22px; font-weight:600; font-variant-numeric:tabular-nums; margin:2px 0; }
#seccion-tarifas .tf-kpi small { font-size:12px; color:#667085; }
#seccion-tarifas .tf-dos { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
#seccion-tarifas .tf-campo span { display:block; font-size:12.5px; color:#667085; margin-bottom:4px; }
#seccion-tarifas input { font:inherit; font-size:16px; padding:8px 10px; border:1px solid #E7E9EE; border-radius:10px; background:#fff; min-width:0; }
#seccion-tarifas #tf-lb { width:160px; font-variant-numeric:tabular-nums; }
#seccion-tarifas .tf-res { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:12px 0; }
#seccion-tarifas .tf-res > div { background:#F8F9FB; border-radius:12px; padding:10px 12px; min-width:0; }
#seccion-tarifas .tf-res span { display:block; font-size:12px; color:#667085; }
#seccion-tarifas .tf-res b { font-size:18px; font-variant-numeric:tabular-nums; }
#seccion-tarifas .tf-res .tf-gan { background:#DCFCE7; } #seccion-tarifas .tf-res .tf-gan b { color:#15803D; }
#seccion-tarifas .tf-res small { display:block; font-size:12px; color:#475467; }
#seccion-tarifas .tf-t { width:100%; border-collapse:collapse; font-variant-numeric:tabular-nums; }
#seccion-tarifas .tf-t th { text-align:left; font-weight:500; font-size:12px; color:#667085; padding:8px 10px; border-bottom:1px solid #E7E9EE; }
#seccion-tarifas .tf-t td { padding:8px 10px; border-bottom:1px solid #E7E9EE; }
#seccion-tarifas .tf-t .num { text-align:right; }
#seccion-tarifas .tf-grupo td { background:#F8F9FB; font-weight:600; font-size:12.5px; }
#seccion-tarifas .tf-form { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
#seccion-tarifas #tf-tasa { width:110px; }
#seccion-tarifas .tf-cel { display:none; font-size:12px; color:#667085; }
#seccion-tarifas .nota { font-size:12.5px; color:#475467; margin:10px 0 0; }
@media (max-width:900px) {
  #seccion-tarifas .tf-kpis, #seccion-tarifas .tf-dos { grid-template-columns:1fr; }
  #seccion-tarifas .sec { display:none; } #seccion-tarifas .tf-cel { display:block; }
  #seccion-tarifas .tf-res { grid-template-columns:1fr 1fr; } #seccion-tarifas .tf-res .tf-gan { grid-column:1 / -1; }
}
#seccion-tarifas .btn { font:inherit; font-weight:600; font-size:13px; border-radius:10px; padding:8px 14px; border:1px solid #E7E9EE; background:#fff; color:#0F172A; cursor:pointer; }
#seccion-tarifas .btn:focus-visible, #seccion-tarifas input:focus-visible { outline:3px solid #ECF0FF; outline-offset:1px; }