/* munchy.css — tokens y componentes compartidos (kiosko, retiro, app). Fuente: prototipo aprobado. */
:root{
  color-scheme: light;
  --ink:#16294A; --ink-2:#4A5B78; --ground:#E6EFEC; --paper:#FFFFFF; --line:#D3DEDA;
  --sol:#FFD23F; --sol-deep:#E8B400; --sandia:#FF5C7A; --sandia-deep:#D93A59;
  --hoja:#1F9D6B; --hoja-deep:#147A52; --cielo:#5BC0EB; --noche:#0F1E38;
  --warn:#C77700; --bad:#C8363A;
  --display:"Baloo 2", "Trebuchet MS", system-ui, sans-serif;
  --ui:"Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:15px/1.45 var(--ui);-webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;cursor:pointer}
input{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--cielo);outline-offset:3px}
[hidden]{display:none!important}
.tray{width:34px;height:34px;border-radius:10px;background:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:5px;flex:none}
.tray i{border-radius:4px}
.tray i:nth-child(1){background:var(--sol)}.tray i:nth-child(2){background:var(--sandia)}.tray i:nth-child(3){background:var(--hoja)}.tray i:nth-child(4){background:var(--cielo)}
.hint{color:var(--ink-2);font-size:13px;margin:0 0 12px}
.avatar{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;flex:none;position:relative;overflow:hidden;background:var(--cielo);font-family:var(--display)}
.avatar img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1}
.avatar::after{content:"";position:absolute;width:62%;height:40%;bottom:-8%;left:19%;border-radius:50% 50% 0 0;background:rgba(255,255,255,.28)}
.big-av{width:120px;height:120px;font-size:46px;border:7px solid #fff;box-shadow:0 8px 0 rgba(0,0,0,.08)}
.chip{display:inline-flex;gap:6px;align-items:center;background:#EAF6F0;color:var(--hoja-deep);font-weight:700;font-size:13px;padding:5px 10px;border-radius:999px}
.chip.bad{background:#FBE9EA;color:var(--bad)}
.chip.warn{background:#FFF4DC;color:var(--warn)}
.bar{height:10px;border-radius:5px;background:var(--line);margin-top:8px;overflow:hidden}
.bar i{display:block;height:100%;background:var(--hoja);border-radius:5px;transition:width .25s}
.bar i.warn{background:var(--warn)}.bar i.bad{background:var(--bad)}
.go{border:0;border-radius:16px;padding:16px;background:var(--hoja);color:#fff;font-weight:800;font-size:18px}
.go:disabled{background:#B7C4C0;cursor:not-allowed}
.msg{font-size:13px;color:var(--bad);font-weight:600;margin:0}
.field{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.field input{border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;background:#fff;font-size:17px}
.field input:focus{border-color:var(--ink);outline:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}