/* Mandao — tokens: fondo carbón, acento ámbar (marca delivery), tipografía Plus Jakarta Sans */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-height:100dvh;
  font-family:var(--font-sans);
  font-size:1rem;
  line-height:1.5;
  font-weight:400;
  color:var(--color-text);
  background:var(--color-bg);
  background-image:var(--color-bg-gradient);
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
a{color:var(--color-link);text-underline-offset:2px}
a:hover{color:var(--color-link-hover)}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

:root{
  --font-sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font-sans);
  /* Ámbar / amarillo Mandao — acento cálido, no cian neón */
  --color-primary:#e8a805;
  --color-primary-hover:#f5bd1a;
  --color-primary-rgb:232,168,5;
  --color-on-primary:#1a1a1c;
  --color-link:#93c5fd;
  --color-link-hover:#bfdbfe;
  --color-bg:#1a1a1c;
  --color-bg-gradient:linear-gradient(180deg,#141416 0%,#1a1a1c 50%,#1f1f22 100%);
  --color-surface:#252528;
  --color-surface-2:#2c2c30;
  --color-text:#f4f4f5;
  --color-muted:#a1a1aa;
  --color-border:rgba(255,255,255,0.08);
  --color-border-strong:#3f3f46;
  --color-danger:#ef4444;
  --color-danger-bg:rgba(239,68,68,0.12);
  --color-success:#22c55e;
  --color-success-bg:rgba(34,197,94,0.12);
  --spacing:1rem;
  --radius:12px;
  --shadow:0 4px 20px rgba(0,0,0,0.35);
  --shadow-primary:0 8px 28px rgba(var(--color-primary-rgb),0.18);
  --font-title:1.25rem;
}

@media(min-width:480px){
  :root{--font-title:1.35rem}
}

body.dialog-open{overflow:hidden;touch-action:none}