/* Simulador público */
.vehicle-financing{margin:40px 0;padding:32px;background:#fff;border:1px solid #e1e4e9;border-top:4px solid #cf171f;border-radius:18px;color:#18212e;box-shadow:0 12px 36px #18212e09;scroll-margin-top:24px}
.vehicle-financing h2{margin:8px 0 12px;font-size:30px;letter-spacing:-.8px;line-height:1.2}
.vehicle-financing p{line-height:1.65}
.finance-example{background:#fff8e8;border:1px solid #f0dfb5;padding:10px 14px;border-radius:8px;font-size:12px;color:#72551c}
.finance-slider{display:block;width:100%;min-width:0;margin:26px 0;padding:26px;background:#f6f7f9;border:1px solid #e7e9ed;border-radius:14px;box-sizing:border-box}
.finance-slider-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.finance-slider-heading label{font-size:14px;font-weight:700;color:#526071}
.finance-slider-heading output{font-size:clamp(24px,3vw,36px);font-weight:800;color:#18212e;letter-spacing:-1px;font-variant-numeric:tabular-nums}
.vehicle-financing #finance-amount{display:block;appearance:none;-webkit-appearance:none;width:100%;max-width:none;min-width:0;height:44px;margin:20px 0 0;padding:0;border:0;background:transparent;cursor:pointer;box-sizing:border-box;--finance-progress:100%}
#finance-amount::-webkit-slider-runnable-track{height:10px;border-radius:20px;background:linear-gradient(to right,#cf171f 0%,#cf171f var(--finance-progress),#dce0e6 var(--finance-progress),#dce0e6 100%)}
#finance-amount::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:28px;height:28px;margin-top:-9px;background:#fff;border:6px solid #cf171f;border-radius:50%;box-shadow:0 2px 8px #1113;transition:box-shadow .15s}
#finance-amount::-moz-range-track{height:10px;background:#dce0e6;border-radius:20px}
#finance-amount::-moz-range-progress{height:10px;background:#cf171f;border-radius:20px}
#finance-amount::-moz-range-thumb{width:17px;height:17px;background:#fff;border:6px solid #cf171f;border-radius:50%;box-shadow:0 2px 8px #1113}
.vehicle-financing #finance-amount:focus-visible{outline:3px solid #cf171f55;outline-offset:4px;border-radius:10px}
#finance-amount:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px #cf171f15}
.finance-slider-limits{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#647080;margin:0 0 16px}
.finance-slider small{display:block;color:#647080;font-size:12px}
.finance-table-wrap{width:100%;overflow-x:auto;margin-top:26px;border:1px solid #e5e7eb;border-radius:12px}
.finance-table{width:100%;border-collapse:collapse;table-layout:fixed;font-variant-numeric:tabular-nums}
.finance-table caption{text-align:left;font-size:14px;font-weight:700;padding:18px 20px;background:#fff}
.finance-table th,.finance-table td{padding:10px 14px;border-bottom:1px solid #e8ebef;text-align:right}
.finance-table thead th{background:#18212e;color:#fff;font-size:12px;font-weight:600;letter-spacing:.2px}
.finance-table th:first-child{text-align:left;width:24%}
.finance-table tbody th{font-size:12px;font-weight:700;color:#344154}
.finance-table td{font-size:13px;color:#8993a0}
.finance-table td span{font-size:14px;font-weight:800;color:#18212e;white-space:nowrap}
.finance-table tbody tr:nth-child(even){background:#f8f9fb}
.finance-table tbody tr:hover{background:#fdf1f2}
.finance-table tbody tr:last-child>*{border-bottom:0}
.finance-note{color:#75808e;font-size:11px;margin:18px 0 0}
.finance-error{color:#a62222;background:#fff0f0;padding:12px}
/* Formularios del administrador */
.finance-plan .checks{margin-top:18px}
.finance-plan input[type=number]{min-width:95px}
.finance-plan .table-wrap{overflow-x:auto}
@media(max-width:600px){
 .vehicle-financing{padding:20px 14px;margin:28px 0;border-radius:14px}
 .vehicle-financing h2{font-size:25px}
 .finance-slider{padding:18px 12px;margin:20px 0}
 .finance-slider-heading{display:block}
 .finance-slider-heading output{display:block;margin-top:4px;font-size:28px}
 .finance-slider-limits{font-size:10px}

 .finance-table thead th{font-size:10px}

 .finance-table th:first-child{width:23%}
 .finance-table td{font-size:10px}

 .finance-table caption{padding:14px 10px;font-size:12px}
 .finance-plan .panel-head{gap:12px;flex-wrap:wrap}
}
/* Formulario de la página de financiación. */
.institutional>div{min-width:0}
.page-financing{padding:24px;margin-bottom:0}
.finance-form{display:grid;gap:16px}
.finance-form label{display:grid;gap:6px;font-size:13px;font-weight:700}
.finance-form select,.finance-form input{width:100%;min-width:0;padding:12px;border:1px solid #dfe4e8;border-radius:8px;background:#fff;color:#18212e;font:inherit}
.finance-form select:focus-visible,.finance-form input:focus-visible{outline:2px solid #cf171f;outline-offset:2px}
.finance-form .primary{justify-self:start;border-radius:8px}
.page-financing .finance-table{min-width:360px}
@media(max-width:600px){.page-financing{padding:18px 12px}}

.vehicle-financing .finance-whatsapp{margin-top:18px}
