/* Calculadora de hipoteca · Apple Homes */
.calc{margin-top:12px;padding:28px;border-radius:16px;background:var(--card);border:1px solid var(--line);display:flex;flex-direction:column;gap:22px}
.calc-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}
.calc-head p{margin:6px 0 0;font-size:15px;color:var(--muted)}
.calc-reset{height:44px;padding:0 16px;border-radius:10px;border:1px solid rgba(246,243,238,.3);background:transparent;color:var(--muted2);font:600 15px Inter,sans-serif;cursor:pointer}
.calc-reset:hover{color:var(--ivory);border-color:rgba(246,243,238,.6)}
.calc-body{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.calc-form{flex:999 1 460px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px 16px;align-items:end}
.calc-f{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;min-width:0;height:100%}
.calc-f label{display:flex;flex-direction:column;gap:2px;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--muted);line-height:1.3}
.calc-f label em{display:block;font-style:normal;font-weight:500;font-size:12px;letter-spacing:.02em;color:var(--muted);opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calc-in{display:flex;align-items:center;min-width:0;height:52px;border-radius:10px;background:var(--ink);border:1px solid rgba(246,243,238,.2);padding:0 14px;gap:6px}
.calc-in:focus-within{border-color:var(--acc)}
.calc-in span{color:var(--muted);font-weight:600}
.calc-in input,.calc-in select{flex:1;min-width:0;width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--ivory);font:600 17px Inter,sans-serif}
.calc-in select{cursor:pointer}
.calc-in select option{background:var(--ink)}
.calc-dp{display:flex;gap:8px}
.calc-dp .calc-in:first-child{flex:1.5}
.calc-dp .calc-in:last-child{flex:1}
.calc-out{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px;padding:24px;border-radius:14px;background:var(--ink);border:1px solid var(--line)}
.calc-total{font:700 48px/1 'Space Grotesk',sans-serif}
.calc-total span{font-size:20px;font-weight:500;color:var(--muted)}
.calc-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:rgba(246,243,238,.08)}
.calc-bar i{display:block;height:100%;transition:width .3s ease}
.calc-rows{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.calc-rows li{display:flex;align-items:center;gap:10px;font-size:16px;color:var(--muted2)}
.calc-rows li b{margin-left:auto;color:var(--ivory);font-weight:600}
.calc-rows .dot{width:10px;height:10px;border-radius:3px;flex:none}
.calc-loan{padding-top:12px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.calc-loan b{color:var(--ivory)}
.calc-tipo{display:flex;gap:6px;padding:6px;border-radius:12px;background:var(--ink);border:1px solid var(--line);align-self:flex-start;max-width:100%}
.calc-tipo button{height:44px;padding:0 22px;border-radius:8px;border:0;background:transparent;color:var(--muted2);font:700 16px Inter,sans-serif;cursor:pointer}
.calc-tipo button:hover{color:var(--ivory)}
.calc-tipo button.on{background:var(--acc);color:var(--ink)}
.calc-loan small{font-size:13px;color:var(--muted)}
.calc-warn{margin:0;padding:10px 12px;border-radius:8px;border:1px solid #D98C8C;color:#F2C4C4;font-size:14px}
.calc-note{margin:0;font-size:13px;color:var(--muted);line-height:1.5}
@media (max-width:720px){.calc{padding:22px}.calc-out{padding:20px}.calc-total{font-size:40px}}