/* ==========================================================================
   Calculadora "Ayuda de la Línea 2 del Plan Auto+" — namespace propio
   --cl2- para no colisionar con --cw-, --caw- ni --csw- si coinciden en la misma página.
   Se enqueue SOLO en páginas con el shortcode [calculadora_linea2].
   ========================================================================== */

.calc-l2-widget{
  --cl2-bg: #0F1319;
  --cl2-bg-2: #12161D;
  --cl2-panel: #1A2029;
  --cl2-panel-2: #1F2631;
  --cl2-border: #2B3341;
  --cl2-text: #ECEFF3;
  --cl2-text-dim: #8C95A3;
  --cl2-text-faint: #5B6473;
  --cl2-teal: #3ECF8E;
  --cl2-amber: #E8A23D;
  --cl2-red: #E85D4D;
  --cl2-blue: #5B8DEF;
  --cl2-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(--cl2-bg);
  color: var(--cl2-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-l2-widget *{ box-sizing: border-box; }

.calc-l2-widget .cl2-eyebrow{
  font-family:'JetBrains Mono', monospace;
  font-size:12px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase;
  color:var(--cl2-amber); margin-bottom:14px; display:flex; align-items:center; gap:10px;
}
.calc-l2-widget .cl2-eyebrow::before{content:''; width:22px; height:1px; background:var(--cl2-amber); display:inline-block;}
.calc-l2-widget h2.cl2-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(--cl2-text);
}
.calc-l2-widget .cl2-subtitle{ color:var(--cl2-text-dim); font-size:16px; max-width:660px; margin:0 0 32px; }

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

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

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

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

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

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

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

.calc-l2-widget .cl2-results{position:sticky; top:24px;}

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

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

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

.calc-l2-widget .cl2-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-l2-widget .cl2-warning.cl2-amber{background:rgba(232,162,61,0.08); border-color:rgba(232,162,61,0.35); color:#F0C888;}
.calc-l2-widget .cl2-warning .cl2-mark{font-weight:700; flex-shrink:0;}

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

/* Casillas */
.calc-l2-widget .cl2-check{display:flex; gap:10px; align-items:flex-start; margin-bottom:14px; font-size:13.5px; color:var(--cl2-text-dim); cursor:pointer;}
.calc-l2-widget .cl2-check input{margin-top:3px; accent-color:var(--cl2-amber); width:16px; height:16px; flex-shrink:0;}
.calc-l2-widget .cl2-check span{line-height:1.45;}
.calc-l2-widget .cl2-hint{border-radius:10px; padding:12px 14px; font-size:13px; line-height:1.5; margin-bottom:10px; border:1px solid rgba(62,207,142,0.35); background:rgba(62,207,142,0.08); color:#9DE5C2;}
.calc-l2-widget .cl2-warning.cl2-red{background:rgba(232,93,77,0.08); border-color:rgba(232,93,77,0.4); color:#F2A59B;}
.calc-l2-widget .cl2-big{font-family:'Space Grotesk', sans-serif; font-weight:700; font-size:clamp(30px,5vw,40px); color:var(--cl2-teal); line-height:1.1;}
.calc-l2-widget .cl2-bar-fill.cl2-aid{background:var(--cl2-teal);}
.calc-l2-widget .cl2-bar-fill.cl2-max{background:var(--cl2-border);}

/* Versión compacta, para incrustarla dentro de un artículo */
.calc-l2-widget.cl2-compact{padding:20px 16px 28px; margin:28px 0;}
.calc-l2-widget.cl2-compact .cl2-grid{grid-template-columns:1fr;}
.calc-l2-widget.cl2-compact .cl2-results{position:static;}
.calc-l2-widget.cl2-compact h2.cl2-h1{font-size:clamp(21px,3.4vw,28px);}