/* ==========================================================================
   Calculadora "¿Me compensa cambiar de coche ahora?" — namespace propio
   --csw- para no colisionar con --cw- (rentabilidad) ni --caw- (asequibilidad)
   si coinciden alguna vez en la misma página.
   Se enqueue SOLO en páginas con el shortcode [calculadora_cambiar_coche].
   ========================================================================== */

.calc-swap-widget{
  --csw-bg: #0F1319;
  --csw-bg-2: #12161D;
  --csw-panel: #1A2029;
  --csw-panel-2: #1F2631;
  --csw-border: #2B3341;
  --csw-text: #ECEFF3;
  --csw-text-dim: #8C95A3;
  --csw-text-faint: #5B6473;
  --csw-teal: #3ECF8E;
  --csw-amber: #E8A23D;
  --csw-red: #E85D4D;
  --csw-blue: #5B8DEF;
  --csw-radius: 14px;

  background:
    radial-gradient(ellipse 900px 500px at 15% -10%, rgba(91,141,239,0.08), transparent),
    radial-gradient(ellipse 700px 500px at 100% 10%, rgba(232,162,61,0.06), transparent),
    var(--csw-bg);
  color: var(--csw-text);
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.5;
  border-radius: 16px;
  padding: clamp(20px, 4vw, 40px) clamp(16px, 3vw, 32px) 40px;
}
.calc-swap-widget *{ box-sizing: border-box; }

.calc-swap-widget .csw-eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:12px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--csw-amber); margin-bottom:14px; display:flex; align-items:center; gap:10px;
}
.calc-swap-widget .csw-eyebrow::before{content:''; width:22px; height:1px; background:var(--csw-amber); display:inline-block;}
.calc-swap-widget h2.csw-h1{
  font-family:'Space Grotesk', sans-serif;
  font-size:clamp(24px, 4vw, 38px);
  font-weight:600;
  letter-spacing:-0.02em;
  margin:0 0 14px;
  max-width:820px;
  color: var(--csw-text);
}
.calc-swap-widget .csw-subtitle{ color:var(--csw-text-dim); font-size:16px; max-width:660px; margin:0 0 32px; }

.calc-swap-widget .csw-grid{display:grid; grid-template-columns: 1.15fr 0.85fr; gap:24px; align-items:start;}
@media (max-width: 880px){ .calc-swap-widget .csw-grid{grid-template-columns: 1fr;} }

.calc-swap-widget .csw-card{
  background:var(--csw-panel);
  border:1px solid var(--csw-border);
  border-radius:var(--csw-radius);
  padding:24px;
  margin-bottom:20px;
}
.calc-swap-widget .csw-card-head{display:flex; align-items:baseline; gap:10px; margin-bottom:18px;}
.calc-swap-widget .csw-card-num{
  font-family:'JetBrains Mono', monospace; font-size:12px; color:var(--csw-text-faint); font-weight:700;
}
.calc-swap-widget .csw-card-title{font-family:'Space Grotesk', sans-serif; font-size:17px; font-weight:600;}

.calc-swap-widget .csw-field{margin-bottom:18px;}
.calc-swap-widget .csw-field:last-child{margin-bottom:0;}
.calc-swap-widget .csw-field label{
  display:flex; justify-content:space-between; align-items:baseline;
  font-size:13.5px; color:var(--csw-text-dim); margin-bottom:8px; gap:12px;
}
.calc-swap-widget .csw-field label .csw-val{
  font-family:'JetBrains Mono', monospace; color:var(--csw-text); font-weight:600; font-size:13.5px;
  white-space:nowrap;
}
.calc-swap-widget .csw-help{font-size:12.5px; color:var(--csw-text-faint); margin-top:6px; line-height:1.45;}

.calc-swap-widget input[type=number], .calc-swap-widget select{
  width:100%; background:var(--csw-bg-2); border:1px solid var(--csw-border); color:var(--csw-text);
  padding:11px 12px; border-radius:9px; font-size:15px; font-family:'JetBrains Mono', monospace;
  outline:none; transition:border-color .15s ease;
}
.calc-swap-widget select{font-family:'Inter', sans-serif; font-size:14.5px;}
.calc-swap-widget input[type=number]:focus, .calc-swap-widget select:focus{
  border-color:var(--csw-blue); box-shadow:0 0 0 3px rgba(91,141,239,0.15);
}

.calc-swap-widget input[type=range]{
  -webkit-appearance:none; width:100%; height:4px; border-radius:2px;
  background:var(--csw-border); outline:none;
}
.calc-swap-widget input[type=range]::-webkit-slider-thumb{
  -webkit-appearance:none; width:18px; height:18px; border-radius:50%;
  background:var(--csw-amber); border:3px solid var(--csw-bg-2); cursor:pointer;
  box-shadow:0 0 0 1px var(--csw-amber);
}
.calc-swap-widget input[type=range]::-moz-range-thumb{
  width:18px; height:18px; border-radius:50%; background:var(--csw-amber);
  border:3px solid var(--csw-bg-2); cursor:pointer;
}

.calc-swap-widget .csw-row2{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
@media (max-width:520px){.calc-swap-widget .csw-row2{grid-template-columns:1fr;}}

.calc-swap-widget .csw-divider{height:1px; background:var(--csw-border); margin:22px 0;}
.calc-swap-widget .csw-subhead{font-size:12.5px; color:var(--csw-text-faint); text-transform:uppercase; letter-spacing:0.08em; margin:0 0 16px;}

.calc-swap-widget .csw-results{position:sticky; top:24px;}

.calc-swap-widget .csw-verdict{
  background:linear-gradient(160deg, var(--csw-panel-2), var(--csw-panel));
  border:1px solid var(--csw-border);
  border-radius:var(--csw-radius);
  padding:26px 24px;
  margin-bottom:20px;
  text-align:center;
}
.calc-swap-widget .csw-verdict-label{font-size:12.5px; color:var(--csw-text-dim); text-transform:uppercase; letter-spacing:0.08em; margin-bottom:10px;}
.calc-swap-widget .csw-verdict-text{font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(19px,3vw,24px); line-height:1.3;}
.calc-swap-widget .csw-verdict-sub{font-size:13px; color:var(--csw-text-faint); margin-top:10px; line-height:1.5;}

.calc-swap-widget .csw-compare-card{background:var(--csw-panel); border:1px solid var(--csw-border); border-radius:var(--csw-radius); padding:22px 22px 20px; margin-bottom:20px;}
.calc-swap-widget .csw-compare-row{margin-bottom:16px;}
.calc-swap-widget .csw-compare-row:last-child{margin-bottom:0;}
.calc-swap-widget .csw-compare-top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:6px;}
.calc-swap-widget .csw-compare-label{font-size:13.5px; color:var(--csw-text-dim);}
.calc-swap-widget .csw-compare-num{font-family:'JetBrains Mono', monospace; font-weight:700; font-size:17px;}
.calc-swap-widget .csw-bar-track{height:10px; border-radius:5px; background:var(--csw-bg-2); overflow:hidden;}
.calc-swap-widget .csw-bar-fill{height:100%; border-radius:5px; transition:width .25s ease;}
.calc-swap-widget .csw-bar-fill.csw-stay{background:var(--csw-blue);}
.calc-swap-widget .csw-bar-fill.csw-swap{background:var(--csw-teal);}

.calc-swap-widget .csw-breakdown-item{display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--csw-border); font-size:13.5px;}
.calc-swap-widget .csw-breakdown-item:last-child{border-bottom:none;}
.calc-swap-widget .csw-breakdown-item .csw-k{color:var(--csw-text-dim);}
.calc-swap-widget .csw-breakdown-item .csw-v{font-family:'JetBrains Mono', monospace; font-weight:600;}
.calc-swap-widget .csw-breakdown-title{font-size:13px; font-weight:600; margin:0 0 10px; color:var(--csw-text-dim); text-transform:uppercase; letter-spacing:0.05em;}

.calc-swap-widget .csw-warning{
  border-radius:10px; padding:12px 14px; font-size:13px; line-height:1.5; margin-bottom:10px;
  border:1px solid; display:flex; gap:10px;
}
.calc-swap-widget .csw-warning.csw-amber{background:rgba(232,162,61,0.08); border-color:rgba(232,162,61,0.35); color:#F0C888;}
.calc-swap-widget .csw-warning .csw-mark{font-weight:700; flex-shrink:0;}

.calc-swap-widget .csw-disclaimer{font-size:12px; color:var(--csw-text-faint); margin-top:24px; padding-top:18px; border-top:1px solid var(--csw-border); line-height:1.6;}