/* Parásito — portado de ascend-jefes-web-30.html. Bajo .jf, igual que jefes.css. */
/* ═══════════════════ RITO DEL PARÁSITO ═══════════════════ */
.jf .chips{display:flex;flex-wrap:wrap;gap:8px;}
.jf .chip{padding:9px 13px;border-radius:11px;border:1px solid var(--border);background:var(--card);
  color:var(--dim);font-size:12.5px;font-weight:600;transition:.15s;text-align:left;}
.jf .chip:hover{border-color:var(--dim2);color:var(--text);}
.jf .chip.on{border-color:rgba(255,122,59,.6);background:linear-gradient(160deg,rgba(255,122,59,.14),var(--card));color:#ffcaa8;}
.jf .chip .cs{display:block;font-size:10.5px;color:var(--dim2);margin-top:3px;font-weight:500;}
.jf .chip.on .cs{color:#c99a78;}
.jf .pgrupo{margin-bottom:18px;}
.jf .pgrupo .pgk{display:block;font-family:var(--font-stat);font-size:9px;font-weight:800;letter-spacing:1.6px;
  text-transform:uppercase;color:var(--dim2);margin-bottom:9px;}
.jf .par-vivo{text-align:center;padding:18px 16px 16px;border-radius:16px;margin-bottom:18px;
  background:radial-gradient(circle at 50% 26%, rgba(140,60,15,.3), transparent 62%),
  linear-gradient(180deg,#160e06,#0a0705);border:1px solid rgba(255,122,59,.28);}
.jf .par-vivo .pa{display:grid;place-items:center;min-height:132px;transition:.5s cubic-bezier(.2,.9,.3,1);}
.jf .par-vivo .pn{font-family:var(--font-stat);font-size:18px;font-weight:800;margin-top:8px;}
.jf .par-vivo .pf{font-size:12px;color:var(--dim);font-style:italic;margin-top:4px;min-height:1.3em;}
.jf .par-vivo .pm{display:flex;gap:18px;justify-content:center;margin-top:14px;}
.jf .par-vivo .pm div{text-align:center;}
.jf .par-vivo .pm b{display:block;font-family:var(--font-stat);font-size:17px;font-weight:800;color:#ff9d5c;}
.jf .par-vivo .pm small{display:block;font-size:9.5px;color:var(--dim2);letter-spacing:.8px;text-transform:uppercase;margin-top:2px;}
.jf .sient{border-radius:14px;border:1px solid rgba(255,122,59,.3);background:rgba(255,122,59,.06);
  padding:14px;margin-top:16px;}
.jf .sient .sk{display:block;font-family:var(--font-stat);font-size:8.5px;font-weight:800;letter-spacing:1.5px;
  color:#ff9d5c;text-transform:uppercase;margin-bottom:9px;}
.jf .sient .lin{font-size:13.5px;line-height:1.75;}
.jf .sient .lin i{font-style:normal;font-family:var(--font-stat);font-size:10px;font-weight:800;
  color:#ff9d5c;letter-spacing:1px;margin-right:6px;}
.jf .sient .lin b{color:var(--text);font-weight:700;}
.jf .sient .lin span.hueco{color:var(--dim2);border-bottom:1px dashed var(--dim2);padding:0 12px;}
.jf .camps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;}
.jf .camp{padding:12px 10px;border-radius:12px;background:rgba(0,0,0,.35);border:1px dashed var(--border);}
.jf .camp.on{border-style:solid;border-color:rgba(255,122,59,.5);background:rgba(255,122,59,.08);}
.jf .camp .ck{display:block;font-family:var(--font-stat);font-size:8.5px;font-weight:800;letter-spacing:1.3px;color:var(--dim2);}
.jf .camp.on .ck{color:#ff9d5c;}
.jf .camp .cn{display:block;font-size:12.5px;font-weight:700;margin-top:5px;}
.jf .camp .cd{display:block;font-size:10.5px;color:var(--dim2);margin-top:4px;}
/* ═══════════════════ PANTALLA DEL PROTOCOLO ═══════════════════ */
.jf .prot{position:fixed;inset:0;z-index:200;display:none;
  background:radial-gradient(circle at 50% 34%, #14100c, #070607 70%);}
.jf .prot.on{display:flex;align-items:center;justify-content:center;animation:dgIn .45s ease;}
.jf .prot .caja{width:min(560px,calc(100vw - 36px));max-height:92vh;overflow:auto;text-align:center;padding:8px;}
.jf .prot .pk{font-family:var(--font-stat);font-size:9.5px;font-weight:800;letter-spacing:2px;
  text-transform:uppercase;color:#ff9d5c;}
.jf .prot h2{font-size:25px;font-weight:700;letter-spacing:-.5px;margin-top:12px;line-height:1.25;}
.jf .prot p.sub{font-size:14px;color:var(--dim);line-height:1.7;margin-top:12px;}
.jf .prot p.sub b{color:var(--text);}
.jf .prot .acciones{display:flex;flex-direction:column;gap:10px;margin-top:26px;}
.jf .prot .acciones button{padding:15px;border-radius:14px;font-size:14px;font-weight:700;
  border:1px solid rgba(255,122,59,.4);background:linear-gradient(180deg,#2a1608,#170d05);color:#ffcaa8;}
.jf .prot .acciones button:hover{border-color:#ff7a3b;color:#fff;}
.jf .prot .acciones button.tenue{background:none;border:1px solid var(--border);color:var(--dim2);font-weight:600;font-size:13px;}
.jf .prot .acciones button.tenue:hover{color:var(--text);border-color:var(--dim2);}
.jf .prot .acciones button.verde{border-color:rgba(52,211,153,.45);background:linear-gradient(180deg,#0d2a20,#07160f);color:#bfe8d6;}
.jf .prot .acciones button.verde:hover{border-color:var(--green);color:#fff;}
/* respiración */
.jf .resp{width:180px;height:180px;margin:26px auto 0;display:grid;place-items:center;position:relative;}
.jf .resp .aro{position:absolute;inset:0;border-radius:50%;border:1.5px solid rgba(255,122,59,.35);
  animation:respira 10s ease-in-out infinite;}
.jf .resp .aro2{position:absolute;inset:22px;border-radius:50%;border:1px solid rgba(255,122,59,.18);
  animation:respira 10s ease-in-out infinite reverse;}
.jf .resp .txt{font-family:var(--font-stat);font-size:11px;font-weight:800;letter-spacing:2px;color:#ff9d5c;
  text-transform:uppercase;z-index:1;}
@keyframes respira{0%,100%{transform:scale(.72);opacity:.5}45%{transform:scale(1);opacity:1}55%{transform:scale(1);opacity:1}}
/* la ola del craving */
.jf .ola{margin:22px auto 0;max-width:440px;}
.jf .ola svg{width:100%;height:118px;display:block;}
.jf .ola .oinf{display:flex;justify-content:space-between;font-family:var(--font-stat);font-size:10px;
  color:var(--dim2);letter-spacing:1px;margin-top:6px;}
.jf .ola .otxt{font-size:13px;color:var(--dim);line-height:1.7;margin-top:16px;}
.jf .ola .otxt b{color:#ffcaa8;}
.jf .reloj-ola{font-family:var(--font-stat);font-size:38px;font-weight:800;letter-spacing:-1px;margin-top:18px;
  color:var(--text);font-variant-numeric:tabular-nums;}
.jf .reloj-ola small{display:block;font-size:10px;font-weight:700;letter-spacing:2px;color:var(--dim2);
  text-transform:uppercase;margin-top:4px;}
/* pasos del protocolo */
.jf .pasos-p{display:flex;flex-direction:column;gap:10px;margin-top:22px;text-align:left;}
.jf .paso-p{display:flex;gap:13px;align-items:flex-start;padding:15px 14px;border-radius:14px;
  background:var(--card);border:1px solid var(--border);transition:.18s;}
.jf .paso-p:hover{border-color:var(--dim2);}
.jf .paso-p.ok{border-color:rgba(52,211,153,.45);background:linear-gradient(160deg,rgba(52,211,153,.09),var(--card));}
.jf .paso-p .cx{width:24px;height:24px;flex:none;border-radius:8px;border:1.5px solid var(--dim2);
  display:grid;place-items:center;margin-top:1px;}
.jf .paso-p.ok .cx{border-color:var(--green);background:rgba(52,211,153,.16);}
.jf .paso-p .cx svg{width:14px;height:14px;stroke:var(--green);fill:none;stroke-width:2.6;opacity:0;}
.jf .paso-p.ok .cx svg{opacity:1;}
.jf .paso-p .pt{flex:1;min-width:0;}
.jf .paso-p .pkk{display:block;font-family:var(--font-stat);font-size:8.5px;font-weight:800;letter-spacing:1.4px;
  color:var(--dim2);text-transform:uppercase;}
.jf .paso-p .pv{display:block;font-size:14px;font-weight:600;margin-top:5px;line-height:1.45;}
.jf .paso-p.ok .pv{color:#bfe8d6;}
.jf .par-mini{margin:0 auto;display:grid;place-items:center;transition:.6s cubic-bezier(.2,.9,.3,1);}
.jf .arq-img{display:block;width:auto;max-width:100%;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 8px 22px rgba(0,0,0,.5));}
.jf .arq .am .arq-img{max-height:70px;}
.jf .par-img{display:block;width:auto;max-width:100%;user-select:none;-webkit-user-drag:none;
  filter:drop-shadow(0 10px 26px rgba(0,0,0,.5));}
.jf .emos{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:24px;}
.jf .emo{padding:11px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card);
  color:var(--dim);font-size:13.5px;font-weight:600;}
.jf .emo:hover{border-color:var(--dim2);color:var(--text);}
.jf .emo.on{border-color:rgba(255,122,59,.6);background:rgba(255,122,59,.12);color:#ffcaa8;}
.jf .tope{font-size:11.5px;color:var(--dim2);line-height:1.6;margin-top:20px;padding-top:16px;
  border-top:1px solid var(--border);}
.jf .tope b{color:var(--dim);}
.jf .par-cta{width:100%;margin-top:16px;padding:16px;border-radius:15px;
  background:linear-gradient(180deg,#3a1c08,#1f0f05);border:1px solid rgba(255,122,59,.5);
  color:#ffcaa8;font-family:var(--font-stat);font-size:14px;font-weight:800;letter-spacing:.4px;
  display:flex;align-items:center;justify-content:center;gap:10px;}
.jf .par-cta:hover{border-color:#ff7a3b;color:#fff;box-shadow:0 0 26px rgba(255,122,59,.22);}
.jf .par-cta svg{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:2;}
.jf .par-est{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px;}
.jf .par-est div{padding:11px 9px;border-radius:12px;background:rgba(0,0,0,.32);border:1px solid var(--border);text-align:center;}
.jf .par-est b{display:block;font-family:var(--font-stat);font-size:16px;font-weight:800;}
.jf .par-est small{display:block;font-size:9px;color:var(--dim2);letter-spacing:.9px;text-transform:uppercase;margin-top:3px;}
.jf .debil-bar{height:6px;border-radius:4px;background:#141418;margin-top:9px;overflow:hidden;}
.jf .debil-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#8A3410,#FF7A3B);
  transition:width .5s cubic-bezier(.2,.9,.3,1);}
/* ═══════════ PROTOCOLO v2 ═══════════ */
.jf .pt-obj{display:flex;gap:11px;align-items:center;padding:13px 14px;border-radius:13px;
  background:rgba(255,122,59,.09);border:1px solid rgba(255,122,59,.34);margin-top:20px;text-align:left;}
.jf .pt-obj svg{width:19px;height:19px;flex:none;fill:none;stroke:#ff9d5c;stroke-width:2;}
.jf .pt-obj span{font-size:13.5px;color:#ffcaa8;line-height:1.5;}
.jf .pt-obj b{color:#fff;}
.jf .pt-min{font-family:var(--font-stat);font-size:52px;font-weight:800;letter-spacing:-2px;
  margin-top:22px;line-height:1;color:var(--text);}
.jf .pt-min small{display:block;font-family:inherit;font-size:10px;font-weight:800;letter-spacing:2.4px;
  color:var(--dim2);text-transform:uppercase;margin-top:7px;}
.jf .hist{margin-top:22px;padding:14px;border-radius:13px;background:rgba(0,0,0,.34);
  border:1px solid var(--border);text-align:left;}
.jf .hist .hk{display:block;font-family:var(--font-stat);font-size:8.5px;font-weight:800;letter-spacing:1.5px;
  color:var(--dim2);text-transform:uppercase;margin-bottom:10px;}
.jf .hist .hr{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:10px;font-size:12.5px;
  color:var(--dim);margin-bottom:6px;border:1px solid transparent;}
.jf .hist .hr.on{border-color:rgba(255,122,59,.4);background:rgba(255,122,59,.08);color:#ffcaa8;}
.jf .hist .hr b{margin-left:auto;font-family:var(--font-stat);font-size:12px;color:var(--text);}
.jf .hist .hn{font-size:11px;color:var(--dim2);line-height:1.6;margin-top:8px;}
.jf .crono{display:grid;place-items:center;margin-top:18px;}
.jf .crono .par-live{transition:filter .9s linear,transform .9s linear;}
.jf .guion{min-height:96px;display:grid;place-items:center;margin-top:20px;}
.jf .guion .gp{font-size:18px;font-weight:600;line-height:1.5;max-width:420px;
  animation:dgIn .5s cubic-bezier(.2,.9,.3,1);}
.jf .guion .gi{display:block;font-family:var(--font-stat);font-size:9px;font-weight:800;letter-spacing:1.8px;
  color:#ff9d5c;text-transform:uppercase;margin-bottom:11px;}
.jf .pausado{margin-top:16px;padding:11px 13px;border-radius:11px;border:1px solid rgba(255,207,77,.4);
  background:rgba(255,207,77,.08);color:#ffe6ac;font-size:12.5px;line-height:1.5;}
.jf .aviso-irse{font-size:11.5px;color:var(--dim2);line-height:1.6;margin-top:16px;}
.jf .saltar{display:block;width:100%;margin-top:14px;padding:7px;background:none;border:0;
  color:var(--dim2);font-size:11.5px;text-decoration:underline;text-underline-offset:3px;}
.jf .saltar:hover{color:var(--dim);}
@keyframes golpe{0%{transform:scale(1)}40%{transform:scale(1.09)}100%{transform:scale(var(--e,1))}}
.jf .remate{animation:golpe .7s cubic-bezier(.2,.9,.3,1);}
/* bloque «lo que pone ASCEND» del tramo 3 */
.jf .yapuesto{border-radius:14px;padding:14px 15px;background:rgba(0,0,0,.34);
  border:1px solid var(--border);margin-bottom:18px;}
.jf .yapuesto .yk{display:block;font-family:var(--font-stat);font-size:8.5px;font-weight:800;letter-spacing:1.5px;
  text-transform:uppercase;color:var(--dim2);margin-bottom:10px;}
.jf .yapuesto .yl{display:flex;gap:11px;align-items:flex-start;font-size:12.5px;color:var(--dim);
  line-height:1.55;padding:5px 0;}
.jf .yapuesto .yl b{color:var(--text);}
.jf .yapuesto .yl i{flex:none;width:19px;height:19px;font-style:normal;margin-top:1px;}
.jf .yapuesto .yl i svg{width:19px;height:19px;fill:none;stroke:#ff9d5c;stroke-width:2;}
.jf .yapuesto .ypie{font-size:11.5px;color:var(--dim2);line-height:1.6;margin-top:11px;
  padding-top:11px;border-top:1px solid var(--border);}
.jf .sient .lin i.gris{color:var(--dim2);}


