/* ==========================================================
   Simple Interest Calculator (/calculadora-interes-simple/) —
   page-specific styles only. Everything shared with the other
   calculator pages (container width, form/results card, buttons,
   donut chart, growth table + CSV control, the simple-vs-compound
   comparison card, the growth chart card, guide/formula blocks,
   FAQ) lives in assets/css/components/finance-calculator.css and
   is NOT duplicated here.
   ========================================================== */

/* Equal, predictable control height for inputs and selects on this
   page (small visual-only normalization, no markup/behavior change). */
.finance-sic-page .compound-field__input,
.finance-sic-page .compound-field__select {
    height: 44px;
    box-sizing: border-box;
}

/* "Base anual" is a third column in the plazo/unidad split row, only
   shown when the term unit is "días". `.compound-field--split > div`
   sets display:flex explicitly, which otherwise overrides the browser's
   default [hidden] → display:none — this restores it. */
#sic-day-base-field[hidden] {
    display: none;
}

/* Small top spacing between the comparison cards, the growth chart
   card and the closing note inside the "Interés simple vs. compuesto"
   section (reuses .loan-analytics__balance / .loan-balance-chart /
   .finance-calc__table-note as-is; only the extra spacing is local). */
.sic-compare__chart {
    margin-top: var(--space-6);
}

.sic-compare__note {
    margin-top: var(--space-4);
}