/* =====================================================================
   COMPONENTE · POZO Y PREMIOS (contador, barra de avance, tablas)
   ===================================================================== */

.pz{padding:18px 16px;margin-bottom:16px}
.pz .k{font-size:14px;color:var(--muted)}
.pz .big{font-family:var(--display);font-weight:800;font-style:italic;font-size:42px;line-height:1;margin:6px 0 8px;font-variant-numeric:tabular-nums}
.bar{position:relative;height:14px;background:var(--bg);border:1px solid var(--line);border-radius:99px;overflow:hidden;margin:14px 0 8px}
.bar .fill{height:100%;width:0;background:var(--pine);border-radius:99px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.bar .fill.done{background:var(--leaf)}
.barlbl{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}
.status{display:inline-block;font-size:14px;font-weight:600;padding:4px 12px;border-radius:99px;background:var(--pine-soft)}
.status.done{background:var(--leaf-soft);color:var(--leaf)}
.mini{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}
.mini > div{background:var(--bg);border-radius:var(--r-md);padding:8px 10px}
.mini .k{font-size:13px}
.mini .v{font-family:var(--display);font-weight:700;font-size:20px}
.who{color:var(--muted);font-size:13px;white-space:normal;min-width:180px}
.who b{color:var(--ink);font-weight:600}

.pz-total{margin-top:12px}
.mini .v.ok{color:var(--leaf)}

@media (min-width:600px){
  .pz{padding:22px 20px;margin-bottom:18px}
  .pz .big{font-size:56px}
  .mini{grid-template-columns:repeat(3,1fr);gap:10px}
  .mini .v{font-size:21px}
}

@media (min-width:900px){
  .mini{grid-template-columns:repeat(6,1fr)}
}