/* Leveragency · sección FUGAS — calculadora honesta ("Movelo con tus números").
   Es la pieza principal de la sección (va segunda en la home, justo después del hero).
   Todo scopeado bajo .sec-fugas */

/* ---------- calculadora ---------- */
.sec-fugas .fg-calc{
  background:var(--papel-alto);border:var(--borde);border-radius:var(--r-2);
  display:grid;grid-template-columns:1fr;gap:0;overflow:hidden;
}
.sec-fugas .fg-controles{padding:clamp(20px,2.6vw,30px)}
.sec-fugas .fg-calc-tit{
  font-family:var(--fm);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gris);margin:0 0 20px;
}

.sec-fugas .fg-ctrl{display:block;margin-bottom:24px}
.sec-fugas .fg-ctrl:last-child{margin-bottom:0}
.sec-fugas .fg-ctrl-top{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:10px;
}
.sec-fugas .fg-ctrl-lbl{font-size:15.5px;line-height:1.3;color:var(--tinta-cuerpo);max-width:38ch}
.sec-fugas .fg-out{
  font-family:var(--fm);font-size:15px;font-variant-numeric:tabular-nums;
  color:var(--tinta);font-weight:500;flex:none;
}
.sec-fugas .fg-ctrl--sup .fg-ctrl-lbl{font-size:14.5px;color:var(--gris)}
.sec-fugas .fg-escala{
  display:flex;justify-content:space-between;margin-top:7px;
  font-family:var(--fm);font-size:10.5px;letter-spacing:.06em;color:var(--gris);
}

/* range con tokens (sin azul de sistema) */
.sec-fugas .fg-range{
  -webkit-appearance:none;appearance:none;
  width:100%;height:44px;background:transparent;margin:0;display:block;cursor:pointer;
}
.sec-fugas .fg-range::-webkit-slider-runnable-track{
  height:3px;background:var(--linea-fuerte);border-radius:2px;
}
.sec-fugas .fg-range::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:24px;height:24px;margin-top:-10.5px;border-radius:50%;
  background:var(--tinta);border:3px solid var(--papel-alto);
  box-shadow:0 0 0 1px var(--linea-fuerte);
}
.sec-fugas .fg-range::-moz-range-track{height:3px;background:var(--linea-fuerte);border-radius:2px}
.sec-fugas .fg-range::-moz-range-thumb{
  width:18px;height:18px;border-radius:50%;background:var(--tinta);
  border:3px solid var(--papel-alto);box-shadow:0 0 0 1px var(--linea-fuerte);
}
.sec-fugas .fg-range:focus-visible{outline:none}
.sec-fugas .fg-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--ambar)}
.sec-fugas .fg-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--ambar)}

/* resultado */
.sec-fugas .fg-res{
  padding:clamp(20px,2.6vw,30px);
  border-top:var(--borde);background:var(--papel-bajo);
  display:flex;flex-direction:column;justify-content:center;
}
.sec-fugas .fg-res-num{
  font-family:var(--fd);font-variation-settings:'SOFT' 0,'WONK' 0;font-weight:600;
  font-size:clamp(38px,4.8vw,56px);line-height:1;letter-spacing:-.03em;
  color:var(--rojo);margin:0 0 10px;font-variant-numeric:tabular-nums;
}
.sec-fugas .fg-res-lbl{
  font-size:16px;line-height:1.35;color:var(--tinta-cuerpo);max-width:26ch;margin:0;
}
.sec-fugas .fg-res .disclaimer{margin-top:14px;max-width:36ch}

/* datos secundarios: horas contestando + consultas fuera de horario */
.sec-fugas .fg-res-extra{
  margin-top:20px;padding-top:18px;border-top:var(--borde);
  display:flex;flex-direction:column;gap:10px;
}
.sec-fugas .fg-res-stat{font-size:14.5px;line-height:1.5;color:var(--tinta-cuerpo);margin:0;max-width:32ch}
.sec-fugas .fg-res-stat-n{font-size:16px;color:var(--tinta);font-weight:500}
.sec-fugas .fg-res-stat-sub{display:block;color:var(--gris);font-size:12.5px;margin-top:1px}

.sec-fugas .fg-cta{margin-top:clamp(28px,4vw,40px)}
@media (max-width:480px){
  .sec-fugas .fg-cta{display:grid;grid-template-columns:1fr}
  .sec-fugas .fg-cta .btn{width:100%}
}

@media (min-width:860px){
  .sec-fugas .fg-calc{grid-template-columns:1.1fr .9fr}
  .sec-fugas .fg-res{border-top:0;border-left:var(--borde)}
}

/* numeros clave de los stats en display, no en mono */
.sec-fugas .fg-res-stat-n{font-family:var(--fd);font-variation-settings:'SOFT' 0,'WONK' 0;font-weight:600;font-size:22px;letter-spacing:-.02em;line-height:1}

/* aviso: con menos de 10 consultas por día el problema es de marketing, no de atención */
.sec-fugas .fg-alerta{margin-top:18px;padding:14px 16px;border:1px solid var(--ambar-borde);background:var(--ambar-wash);border-radius:var(--r-2);font-size:15px;line-height:1.5}
.sec-fugas .fg-alerta p{margin:0}
.sec-fugas .fg-alerta p+p{margin-top:6px;color:var(--tinta-cuerpo)}
.sec-fugas .fg-alerta-t{font-weight:600;color:var(--tinta)}