/* ---------- modal + panel ---------- */
#velo{position:absolute;inset:0;background:rgba(4,31,51,.62);z-index:80;display:grid;place-items:center;padding:20px;}
#velo[hidden]{display:none!important;}
.tarjeta-modal{
  background:var(--wc-white);border:var(--linea) solid var(--wapuu-navy);border-radius:var(--radio);
  box-shadow:var(--sombra);padding:26px;width:min(560px,92vw);max-height:88dvh;overflow-y:auto;
  display:flex;flex-direction:column;gap:14px;text-align:center;
}
.tarjeta-modal h2{font-size:clamp(24px,5vw,34px);color:var(--wapuu-navy);}
.tarjeta-modal p{margin:0;font-weight:700;}
.panel-linea{display:flex;align-items:center;gap:12px;justify-content:space-between;
  border-top:2px dashed rgba(4,31,51,.3);padding-top:12px;text-align:left;font-weight:800;}
.mini{width:52px;height:52px;border-radius:12px;border:3px solid var(--wapuu-navy);background:var(--wc-cyan-pale);
  font-family:var(--display);font-weight:800;font-size:24px;color:var(--wapuu-navy);display:grid;place-items:center;flex:none;}
.valor-num{font-family:var(--datos);font-weight:700;min-width:4.5ch;text-align:center;font-size:20px;}
.interruptor{border:3px solid var(--wapuu-navy);border-radius:999px;padding:10px 20px;font-weight:800;
  background:var(--wc-cyan-pale);color:var(--wc-ink);}
.interruptor[aria-pressed="true"]{background:var(--wc-yellow);}

#confeti{position:absolute;inset:0;pointer-events:none;z-index:70;}
#capa-arrastre{position:fixed;inset:0;pointer-events:none;z-index:90;}