.loan-calculator-block{
    background:#fff;
    border-radius:12px;
    box-shadow: var(--card-shadow);
    padding:20px;
}
.loan-calculator-block .calculator-controls{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
}
.loan-calculator-block .calculator-controls .input-inline{display:flex;gap:10px;align-items:center}
.loan-calculator-block .calculator-controls .rate-number{max-width:120px}

/* Estilo del input numérico (TAE) */
.loan-calculator-block .calculator-controls .rate-number{
    appearance: none;
    -moz-appearance: textfield;
    border: 2px solid #e2e8f0;
    border-radius: 8px;
    padding: 8px 10px;
    font-weight: 600;
    color: #1f2937;
    background: #fff;
    transition: all .2s ease;
}
.loan-calculator-block .calculator-controls .rate-number:focus{
    outline: none;
    border-color: #ff6c26;
    box-shadow: 0 0 0 3px rgba(255,108,38,.12);
}
.loan-calculator-block .calculator-controls .rate-number::-webkit-outer-spin-button,
.loan-calculator-block .calculator-controls .rate-number::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

/* Estilo del slider del TAE */
.loan-calculator-block .calculator-controls .rate-range{
    -webkit-appearance: none;
    appearance: none;
    height: 6px;
    background: #e5e7eb;
    border-radius: 999px;
    outline: none;
    width: 100%;
}
.loan-calculator-block .calculator-controls .rate-range::-webkit-slider-thumb{
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: #ff6c26;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    cursor: pointer;
}
.loan-calculator-block .calculator-controls .rate-range::-moz-range-thumb{
    width: 18px;
    height: 18px;
    background: #ff6c26;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0,0,0,.15);
    cursor: pointer;
}
.loan-calculator-block .calculator-controls .rate-range::-moz-range-track{
    height: 6px;
    background: #e5e7eb;
    border-radius: 999px;
}
.loan-calculator-block .calculator-controls input[type="range"],
.loan-calculator-block .calculator-controls input[type="number"]{
    width:100%;
}
.loan-calculator-block .calculator-controls .value{
    font-weight:600;
}
.loan-calculator-block .results-card{
    display:grid;
    grid-template-columns: repeat(4,1fr);
    gap:15px;
    margin-top:15px;
}
.loan-calculator-block .result{
    background:#f8fafc;
    border-radius:8px;
    padding:12px;
}
.loan-calculator-block .result .label{color:#666;font-size:0.9em;}
.loan-calculator-block .result .value{font-size:1.2em;font-weight:700;}
.loan-calculator-block .evolution-chart{width:100%;height:160px;display:block;margin-top:10px;}
.loan-calculator-block .compare-hint{margin-top:8px;background:#fff5f0;border-left:4px solid #ff6c26;padding:8px 12px;border-radius:4px;}
.loan-calculator-block .cta{margin-top:12px;text-align:center;}
.loan-calculator-block .cta a{display:inline-block;background:#ff6c26;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none;}
.loan-calculator-block .offers-slot{margin-top:16px;border-top:1px solid #eee;padding-top:12px;color:#666;}
.loan-calculator-block .offers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:10px}
.loan-calculator-block .offer-item{background:#fff;border:1px solid #eee;border-radius:8px;padding:10px;display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}
.loan-calculator-block .offer-item img{width:48px;height:48px;object-fit:contain}
.loan-calculator-block .offer-title{font-weight:700}