/* HE-018 · Indicadores Económicos — estilos propios.
   Lo general (tarjetas, tablas, api-*) viene de /herramientas/tool_navy.css */

.ind-wrap { max-width: 940px; margin: 0 auto; }

.ind-form {
    display: flex; gap: 10px; align-items: flex-end; flex-wrap: wrap;
    margin-bottom: 1rem;
}
.ind-form > div { flex: 1 1 200px; }
.ind-form .cedula-input { width: 100%; }

/* ===== Dólar: el dato que casi todos vienen a buscar ===== */
.ind-dolar {
    display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 14px;
}
.ind-dolar-caja {
    flex: 1 1 190px;
    border: 1px solid var(--nv-border-lt); border-radius: 10px;
    padding: 14px 18px; background: var(--nv-chrome);
}
.ind-dolar-etq {
    font-size: 10.5px; text-transform: uppercase; letter-spacing: .5px;
    color: var(--nv-soft); font-weight: 600;
}
.ind-dolar-val {
    font-size: 30px; font-weight: 700; line-height: 1.15; color: var(--nv-text);
    font-variant-numeric: tabular-nums;
}
.ind-dolar-sub { font-size: 11px; color: var(--nv-soft); }

/* ===== Tabla de monedas ===== */
.ind-tabla { width: 100%; border-collapse: collapse; font-size: 12.5px; }
.ind-tabla th, .ind-tabla td {
    padding: 7px 10px; border-bottom: 1px solid var(--nv-border-lt); text-align: left;
}
.ind-tabla th {
    font-size: 10.5px; text-transform: uppercase; letter-spacing: .4px;
    color: var(--nv-soft); font-weight: 600; position: sticky; top: 0;
    background: var(--nv-chrome);
}
.ind-tabla td.num { text-align: right; font-variant-numeric: tabular-nums; }
.ind-tabla tr.destacada { background: var(--nv-chrome); font-weight: 600; }
.ind-tabla .ind-cod { color: var(--nv-soft); font-size: 11.5px; }
.ind-tabla .ind-mon { font-weight: 600; }

/* Marca los valores cuya fecha de publicación es anterior a la consultada:
   Hacienda no actualiza todas las monedas todos los días. */
.ind-vieja { color: #b45309; font-size: 11px; white-space: nowrap; }

.ind-scroll { max-height: 460px; overflow-y: auto; border: 1px solid var(--nv-border-lt); border-radius: 8px; }

.ind-aviso {
    font-size: 12px; color: var(--nv-soft); margin-top: 9px; line-height: 1.55;
}