/* Black Tap · ajustes de las tarjetas del inicio para celular */
.p-3\.5{padding:.875rem}
.leading-snug{line-height:1.375}
@media (min-width:640px){
  .sm\:gap-3{gap:.75rem}
  .sm\:w-11{width:2.75rem}
  .sm\:h-11{height:2.75rem}
  .sm\:text-base{font-size:1rem;line-height:1.5rem}
  .sm\:flex-row{flex-direction:row}
  .sm\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sm\:line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
}
.z-\[100\]{z-index:100}
.min-h-0{min-height:0}

/* Cobro en pantalla grande: dos columnas compactas, sin scroll de página */
@media (min-width:760px){
  .bt-cobro-ancho{max-width:min(1250px,97vw)!important;max-height:97dvh!important}
  .bt-cobro-grid{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr);gap:1rem;align-items:start}
  .bt-cobro-grid>*+*{margin-top:0!important}
  .bt-cobro-grid .bt-col{max-height:calc(97dvh - 185px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px}
  .bt-cobro-grid .bt-col>*+*{margin-top:.75rem!important}
  .bt-cobro-ancho .bt-sec{padding:.85rem 1rem!important;border-radius:1.25rem!important}
  .bt-cobro-ancho .bt-sec>*+*{margin-top:.6rem!important}
  .bt-cobro-ancho .bt-sec ul>li{padding-top:.4rem!important;padding-bottom:.4rem!important}
  .bt-cobro-ancho .bt-sec button.rounded-2xl{padding-top:.45rem;padding-bottom:.45rem}
  .bt-cobro-ancho .bt-sec ul>li button{width:2rem!important;height:2rem!important;min-width:2rem!important}
  .bt-cobro-ancho .bt-sec ul>li{font-size:.95rem}
  div:has(> form.bt-cobro-ancho){padding:.75rem!important}
  .bt-cobro-ancho .bt-teclado{max-width:300px;margin-left:auto;margin-right:auto;gap:.4rem!important}
  .bt-cobro-ancho .bt-teclado>button{padding:.45rem 0!important;font-size:1rem!important;border-radius:.9rem!important}
}

/* Ventana del plato (término, adicionales, notas): mismo tamaño que el cobro, en dos columnas */
@media (min-width:760px){
  .bt-plato>div.overflow-y-auto{column-count:2;column-gap:2rem;column-fill:balance;padding-top:1.25rem!important}
  .bt-plato>div.overflow-y-auto>*{break-inside:avoid;margin-top:0!important;margin-bottom:1.1rem}
  .bt-plato>div.overflow-y-auto>div.relative:first-child{margin-left:0!important;margin-right:0!important;margin-top:0!important;height:13rem;border-radius:1.25rem}
  .bt-plato>div.overflow-y-auto>div:nth-child(2){margin-top:0!important;margin-bottom:1.4rem}
}

/* Botones de platos con foto: la mitad del tamaño */
.bt-platos{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
@media (min-width:760px){.bt-platos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}
.bt-platos-n{min-width:1.6rem;height:1.6rem;padding:0 .35rem;font-size:.85rem}

/* Pedidos web: botón flotante */
.bt-pw-pill{position:fixed;right:16px;bottom:96px;z-index:90}
@media (min-width:768px){.bt-pw-pill{bottom:24px;right:auto;left:104px}}