/* tasas v2 — requiere design-system.css */
/* ===== Toolbar de la tabla ===== */
.toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; margin-bottom: 1.25rem; }
.monto-control {
  display: flex; align-items: center; gap: 0.5rem;
  background: var(--card); border: 1.5px solid var(--border);
  border-radius: var(--radius-pill); padding: 0.3rem 0.4rem 0.3rem 1rem;
}
.monto-control label { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); white-space: nowrap; }
.monto-control input {
  border: none; outline: none; font-size: 0.9rem; font-weight: 700;
  color: var(--text-primary); width: 110px; background: transparent; text-align: right;
  padding: 0.3rem 0.5rem;
}
.monto-control input:focus { color: var(--blue-dark); }

/* Fila destacada + chip */
.data-table tbody tr.best { background: var(--amber-pale); }
.data-table tbody tr.best:hover { background: #fde9a9; }
.best-chip {
  display: inline-block; background: var(--amber); color: #fff;
  font-size: 0.58rem; font-weight: 800; padding: 0.1rem 0.45rem;
  border-radius: var(--radius-pill); text-transform: uppercase;
  letter-spacing: 0.04em; margin-left: 0.4rem; vertical-align: middle;
}
.tea-val { font-weight: 600; color: var(--text-secondary); font-size: 0.85rem; }

/* Tarjetas de derivación */
.info-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 2rem; }
.info-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 1.2rem; }
.info-card h3 { font-size: 0.95rem; font-weight: 700; margin-bottom: 0.4rem; }
.info-card p { font-size: 0.85rem; color: var(--text-secondary); }
.info-card a { color: var(--blue-mid); font-weight: 600; }
.info-card a:hover { text-decoration: underline; }

/* Contenido SEO */
.content-block { margin-top: 2.5rem; }
.content-block h2 { font-size: 1.22rem; font-weight: 700; letter-spacing: -0.01em; margin: 1.75rem 0 0.7rem; }
.content-block h2:first-child { margin-top: 0; }
.content-block h2 span { color: var(--blue-mid); }
.content-block p { font-size: 0.92rem; color: var(--text-secondary); margin-bottom: 0.9rem; max-width: 70ch; }
.content-block ul { margin: 0 0 0.9rem 1.25rem; font-size: 0.92rem; color: var(--text-secondary); }
.content-block li { margin-bottom: 0.35rem; }
.content-block a.inline { color: var(--blue-mid); font-weight: 600; }
.content-block a.inline:hover { text-decoration: underline; }

/* Calculadora del sidebar */
.side-calc-input {
  width: 100%; padding: 0.6rem 0.8rem; border: 1.5px solid var(--border);
  border-radius: var(--radius-sm); font-size: 0.95rem; font-weight: 600;
  outline: none; margin-bottom: 0.6rem; transition: var(--transition);
}
.side-calc-input:focus { border-color: var(--blue-mid); box-shadow: 0 0 0 3px rgba(13,102,208,0.12); }
.side-calc-result { background: var(--green-pale); border: 1px solid #a7f3d0; border-radius: var(--radius-sm); padding: 0.7rem 0.9rem; }
.side-calc-label { font-size: 0.68rem; font-weight: 700; color: var(--green); text-transform: uppercase; letter-spacing: 0.04em; }
.side-calc-val { font-size: 1.3rem; font-weight: 800; color: var(--green); }
.side-calc-detail { font-size: 0.72rem; color: var(--text-muted); margin-top: 0.15rem; }

@media (max-width: 768px) {
  .toolbar { flex-direction: column; align-items: stretch; }
  .monto-control { justify-content: space-between; }
  .info-cards { grid-template-columns: 1fr; }
}