/* =========================================================
   PROMOCOMBO CLIENTE RC31.272 — BANNER HORIZONTAL DE BEBIDAS
   Estilos aislados. No modifica tarjetas del catálogo ni checkout.
========================================================= */
#pcBebidasPedidoBannerMount[hidden]{display:none!important}
#pcBebidasPedidoBannerMount{display:block;margin:12px 18px 16px}

.pcBebBanner{border:1px solid #e5e7eb;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(17,24,39,.07);padding:11px 11px 12px;overflow:hidden}
.pcBebBanner__header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 2px 9px}
.pcBebBanner__title{display:flex;align-items:center;gap:8px;min-width:0}
.pcBebBanner__title>span{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#fff1f3;flex:0 0 auto}
.pcBebBanner__title>div{display:grid;gap:1px;min-width:0}
.pcBebBanner__title strong{color:#202124;font-size:14px;line-height:1.15;font-weight:900}
.pcBebBanner__title small,.pcBebBanner__count{color:#7b818b;font-size:10.5px;font-weight:750}
.pcBebBanner__count{white-space:nowrap}

.pcBebBanner__rail{display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x;padding:1px 1px 5px;scrollbar-width:none}
.pcBebBanner__rail::-webkit-scrollbar{display:none}

.pcBebBanner__card{flex:0 0 min(330px,88%);scroll-snap-align:start;display:grid;grid-template-columns:64px minmax(0,1fr) 124px;align-items:center;gap:8px;min-width:0;border:1px solid #eceef2;border-radius:14px;background:#fafbfc;padding:7px 8px}
.pcBebBanner__img{width:64px;height:64px;box-sizing:border-box;padding:3px;object-fit:contain;border:1px solid #eceef2;border-radius:12px;background:#fff}
.pcBebBanner__info{display:grid;gap:1px;min-width:0}
.pcBebBanner__info strong{overflow:hidden;color:#202124;font-size:12.5px;line-height:1.18;font-weight:900;text-overflow:ellipsis;white-space:nowrap}
.pcBebBanner__info span{color:#df1530;font-size:14px;line-height:1.15;font-weight:950}
.pcBebBanner__info small{overflow:hidden;color:#838993;font-size:9.5px;line-height:1.15;font-weight:700;text-overflow:ellipsis;white-space:nowrap}

.pcBebBanner__qty{display:grid;grid-template-columns:38px 46px 38px;align-items:center;overflow:hidden;border:1px solid #e1e4e8;border-radius:11px;background:#fff;flex:0 0 auto}
.pcBebBanner__qty button,.pcBebBanner__qty output{height:42px;margin:0;padding:0;display:grid;place-items:center;box-sizing:border-box}
.pcBebBanner__qty button{border:0;background:#fff;color:#df1530;font-size:19px;font-weight:950;cursor:pointer}
.pcBebBanner__qty button:disabled{color:#c8ccd2;background:#fafafa;cursor:default}
.pcBebBanner__qty output{border-right:1px solid #e8eaee;border-left:1px solid #e8eaee;color:#202124;font-size:14px;font-weight:900}

@media(max-width:700px){
  #pcBebidasPedidoBannerMount{margin:10px 14px 14px}
  .pcBebBanner{border-radius:17px;padding:10px 9px 11px}
  .pcBebBanner__card{flex-basis:calc(100% - 8px);grid-template-columns:66px minmax(0,1fr) 126px;gap:9px;padding:9px}
  .pcBebBanner__img{width:66px;height:66px}
  .pcBebBanner__info strong{font-size:13.5px}
  .pcBebBanner__info span{font-size:15px}
  .pcBebBanner__qty{grid-template-columns:39px 46px 39px}
  .pcBebBanner__qty button,.pcBebBanner__qty output{height:44px}
  .pcBebBanner__qty button{font-size:22px}
}

@media(max-width:380px){
  #pcBebidasPedidoBannerMount{margin-right:10px;margin-left:10px}
  .pcBebBanner__count{display:none}
  .pcBebBanner__card{flex-basis:calc(100% - 6px);grid-template-columns:58px minmax(0,1fr) 112px;gap:7px}
  .pcBebBanner__img{width:58px;height:58px}
  .pcBebBanner__qty{grid-template-columns:34px 42px 34px}
  .pcBebBanner__qty button{font-size:21px}
}