/* Adaptación del cálculo local; la apariencia procede del CSS original de CrediMarket. */
#loans-calculator [hidden] { display: none !important; }
#loans-calculator .loading-overlay { display: none !important; }
#loans-calculator .static-service-notice { padding: 12px 16px; background: #fff8ea; border-left: 3px solid #f6c364; font-size: 14px; line-height: 1.5; }
#loans-calculator .static-range { display: block; width: 100%; height: 24px; margin: 18px 0 32px; accent-color: #f6c364; cursor: pointer; }
#loans-calculator .static-interest-button { border: 0; background: transparent; color: inherit; font: inherit; font-size: 24px; padding: 0 10px; cursor: pointer; }
#loans-calculator .static-calculate { display: block; margin-top: 20px; border: 0; cursor: pointer; }
#loans-calculator .static-calculate:disabled { opacity: .5; }
#loans-calculator .static-rounding-note { font-size: 14px; line-height: 1.5; }
#loans-calculator #error { color: #a52020; margin-top: 12px; }
#loans-calculator .static-table-scroll { overflow-x: auto; width: 100%; }
#loans-calculator #amortization { display: table !important; width: 100%; margin: 20px 0; white-space: nowrap; }
#loans-calculator #amortization caption { text-align: left; }
#loans-calculator .c-paginator { display: flex; gap: 16px; justify-content: center; align-items: center; margin: 24px 0; }
#loans-calculator .c-paginator button { background: transparent; border: 0; color: #1674a5; font: inherit; cursor: pointer; }
#loans-calculator .c-paginator button:disabled { opacity: .45; cursor: default; }
#loans-calculator .fraction div #monthly { font-size: clamp(32px, 4vw, 64px); line-height: 1.2; white-space: nowrap; }
#loans-calculator :focus-visible { outline: 2px solid #1674a5; outline-offset: 3px; }
@media (max-width: 1023px) { #loans-calculator .container .cdm-card .first-block .fraction { display: block; } }