/* Black Tap · ajustes de pantalla (colores: los del CSS base) */
/* Barra izquierda: scroll cuando no caben todas las secciones, y más compacta */
nav[aria-label="Módulos"]{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(var(--humo)) transparent}
nav[aria-label="Módulos"]::-webkit-scrollbar{width:4px}
nav[aria-label="Módulos"]::-webkit-scrollbar-thumb{background:rgb(var(--humo));border-radius:4px}
nav[aria-label="Módulos"]>*{flex-shrink:0}
nav[aria-label="Módulos"]>a.mb-4{margin-bottom:.5rem}
nav[aria-label="Módulos"] a.group{padding-top:.4rem;padding-bottom:.4rem}
nav[aria-label="Módulos"] a.group svg{width:19px;height:19px}

/* Pantalla de la mesa: botones más compactos */
.titulo.text-4xl.leading-none{font-size:1.85rem}
button[aria-label="Volver al salón"]{width:2.25rem;height:2.25rem}
button[aria-label="Dictar orden con voz"]{height:2.25rem!important;padding-left:.65rem!important;padding-right:.8rem!important;font-size:.9rem}
button[aria-label="Dictar orden con voz"] svg{width:17px;height:17px}
input.campo.pl-10.py-2\.5{padding-top:.35rem;padding-bottom:.35rem;font-size:.9rem;min-height:0}
.h-9.px-3.rounded-full{height:1.9rem;padding-left:.65rem;padding-right:.65rem;font-size:.8rem}
button.rounded-2xl.pl-3.pr-4.py-2\.5{padding:.3rem .7rem .3rem .55rem!important;font-size:.85rem;gap:.35rem;border-radius:.7rem}
button.rounded-2xl.pl-3.pr-4.py-2\.5>span.absolute{border-radius:.7rem}
button.rounded-2xl.pl-3.pr-4.py-2\.5 svg{width:16px;height:16px}
.bt-platos{grid-template-columns:repeat(auto-fill,minmax(105px,1fr))}
@media (min-width:760px){.bt-platos{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}
.bt-platos>button{aspect-ratio:4/3.1;border-radius:.8rem}
.bt-platos>button .text-\[13px\]{font-size:12px}
.bt-platos>button .font-titulo.text-base{font-size:.85rem}

/* Panel de la orden (total, Comandar, Cuenta, Cobrar): más compacto */
.px-5.pt-4.pb-5.border-t.space-y-3{padding:.55rem .9rem .7rem}
.px-5.pt-4.pb-5.border-t.space-y-3>:not([hidden])~:not([hidden]){margin-top:.45rem}
.px-5.pt-4.pb-5.border-t.space-y-3 .space-y-1>:not([hidden])~:not([hidden]){margin-top:.1rem}
.px-5.pt-4.pb-5.border-t.space-y-3 .text-sm{font-size:.8rem}
.px-5.pt-4.pb-5.border-t.space-y-3 .titulo.text-4xl{font-size:1.55rem}
.px-5.pt-4.pb-5.border-t.space-y-3 button.py-4,.px-5.pt-4.pb-5.border-t.space-y-3 button.py-3{padding-top:.5rem;padding-bottom:.5rem;font-size:.92rem;border-radius:.7rem;gap:.4rem}
.px-5.pt-4.pb-5.border-t.space-y-3 button svg{width:17px;height:17px}
.px-5.pt-4.pb-5.border-t.space-y-3 .grid.grid-cols-\[1fr_auto\]{gap:.4rem}
.px-5.pt-4.pb-5.border-t.space-y-3 button.rounded-2xl.px-4.text-sm{display:flex;align-items:center;gap:.3rem;padding:0 .7rem;font-size:.8rem;border-radius:.7rem}
.px-5.pt-4.pb-5.border-t.space-y-3 button.rounded-2xl.px-4.text-sm svg{margin:0}

/* Todo el sistema más compacto en tablet y computadora: texto, botones y espacios (rem) + íconos */
@media (min-width:640px){
  html{font-size:13.5px}
  svg[width="32"]{width:26px;height:26px}
  svg[width="28"]{width:22px;height:22px}
  svg[width="26"]{width:21px;height:21px}
  svg[width="24"]{width:19px;height:19px}
  svg[width="22"]{width:18px;height:18px}
  svg[width="20"]{width:16px;height:16px}
  svg[width="18"]{width:15px;height:15px}
  .bt-platos>button .text-\[13px\]{font-size:11.5px}
}

/* Planos 2D de Terraza y Jardín */
.aspect-\[1\/1\]{aspect-ratio:1/1}
.aspect-\[16\/11\]{aspect-ratio:16/11}
.aspect-\[1154\/687\]{aspect-ratio:1154/687}
.aspect-\[1227\/487\]{aspect-ratio:1227/487}