/* Cotizador Orlando — interfaz concentrada en el cálculo y la decisión */
.q-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.76fr);gap:24px;align-items:start}
.q-panel,.q-preview{border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}
.q-panel-header{padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.q-panel-header h2{font-size:15px;font-weight:650;letter-spacing:-.025em;margin:0}
.q-panel-header p{font-size:12px;color:var(--sub);margin:5px 0 0}
.q-body{padding:22px 24px}
.q-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 16px}
.q-field{display:grid;gap:7px;min-width:0}
.q-field.span2{grid-column:1/-1}
.q-field>span{font-size:12px;color:var(--sub);font-weight:550}
.q-field .form-control{width:100%;min-width:0;min-height:43px;color:var(--ink)}
.q-field select,.q-field input{font-variant-numeric:tabular-nums}
.q-section{font-size:13px;font-weight:650;color:var(--ink);margin:24px 0 15px;padding-top:20px;border-top:1px solid var(--line)}
.q-pricing{background:var(--surface2,#101925);border:1px solid var(--line);border-radius:12px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 4px}
.q-pricing span,.q-pricing small{font-size:12px;color:var(--sub)}
.q-pricing strong{font-size:18px;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.q-info{font-size:12px;color:var(--sub);margin:14px 0 0;line-height:1.6}
.q-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:0 24px 24px}
.q-actions>.btn{min-height:43px}
.q-preview{position:sticky;top:20px;background:linear-gradient(160deg,#152032,#0d1623 48%);border-color:#263449}
.q-preview-head{padding:26px 26px 16px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.q-preview-head .q-overline{font-size:11px;color:#93a5ba;letter-spacing:.03em}
.q-preview-head h2{font-size:18px;font-weight:680;letter-spacing:-.04em;margin:6px 0 0;color:#f4f7fb}
.q-preview-price{margin:10px 26px 18px;padding:22px 0;border-top:1px solid #2b384a;border-bottom:1px solid #2b384a}
.q-preview-price small{font-size:12px;color:#a1b0c2;display:block;margin-bottom:6px}
.q-preview-price strong{font-size:clamp(28px,3vw,37px);letter-spacing:-.055em;font-weight:700;color:#fafcff;font-variant-numeric:tabular-nums}
.q-stat-list{padding:0 26px 14px;display:grid;gap:13px}
.q-stat{display:flex;justify-content:space-between;gap:12px;align-items:baseline;font-size:12px;color:#aab9c9}
.q-stat strong{font-size:13px;color:#f2f5fa;font-weight:580;font-variant-numeric:tabular-nums;text-align:right}
.q-stat.main{border-radius:10px;padding:15px 14px;background:rgba(49,112,210,.14);margin:0 -14px;color:#c9d8ed}
.q-stat.main strong{font-size:22px;font-weight:700;color:#8dbdff}
.q-preview-foot{border-top:1px solid #2b384a;padding:18px 26px 24px;font-size:11px;line-height:1.65;color:#9caec3}
.q-preview-error{padding:32px 26px;font-size:13px;color:#ef9b9b}
.q-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;color:var(--sub);font-size:12px}
.q-history{margin-top:26px}
.q-history-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:12px}
.q-history-head h2{font-size:16px;margin:0;font-weight:650}
.q-history-entry{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) auto;gap:12px;align-items:center;border-top:1px solid var(--line);padding:14px 20px}
.q-history-entry strong{font-size:13px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.q-history-entry small{display:block;font-size:11px;color:var(--sub);margin-top:5px}
.q-history-price{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}
.q-history-actions{display:flex;gap:5px;flex-wrap:wrap}
.q-history-actions .btn{padding:8px 10px}
.q-expiry{font-size:11px;color:#ffc28b}
.q-guide{display:flex;gap:9px;align-items:flex-start;padding:12px 16px;border-radius:10px;border:1px solid var(--line);margin-top:16px;font-size:12px;color:var(--sub);line-height:1.55}
@media(max-width:1020px){.q-layout{grid-template-columns:minmax(0,1fr)}.q-preview{position:static;max-width:none}.q-history-entry{grid-template-columns:1fr auto}}
@media(max-width:650px){.q-layout{gap:15px}.q-panel-header{padding:18px}.q-body{padding:18px}.q-form-grid{gap:14px 10px}.q-field.span2{grid-column:span 2}.q-actions{padding:0 18px 20px}.q-preview-head{padding:22px 19px 13px}.q-preview-price{margin:8px 19px 15px;padding:16px 0}.q-stat-list{padding:0 19px 12px}.q-preview-foot{padding:17px 19px 21px}.q-history-entry{grid-template-columns:1fr;gap:8px;padding:14px 16px}.q-history-price{text-align:left}}
@media(max-width:359px){.q-form-grid{grid-template-columns:minmax(0,1fr)}.q-field.span2{grid-column:1}}

.q-payment-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;background:#faf8f1;border-radius:10px}.q-payment-mode button{min-height:44px;background:transparent;border:1px solid transparent;border-radius:8px;color:#344c3e;font:inherit;font-size:12px;cursor:pointer}.q-payment-mode [aria-pressed=true]{background:white;border-color:#e0e7df}.q-installments>span,.q-installments small{display:flex;justify-content:space-between;gap:12px}.q-installments input[type=range]{width:100%;min-height:44px;accent-color:#00875a}.q-installments small{font-size:11px;color:#64766b}.q-field input[readonly]{background:#f4f7f3;color:#62766b}.q-preview .q-stat.main{padding:20px;background:#faf8f1;border-radius:12px}.q-preview .q-stat.main strong{font-family:Georgia,serif;font-size:28px;color:#00875a}