/* Marcador "× N" junto a cada botón Añadir y barra de resumen del pedido en los slides de la carta.
   Solo estilos nuevos: no modifica ninguna regla existente de la web. */
.add-wrap{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap}
.add-cnt{display:inline-block;min-width:36px;padding:6px 10px;background:var(--c);color:var(--n);
  font-family:var(--f);font-weight:900;font-size:16px;letter-spacing:.5px;text-align:center;line-height:1}
.add-cnt[hidden]{display:none}

.resumen-bar{position:sticky;bottom:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px 16px;padding:14px 20px;background:var(--r);color:var(--c);border-top:2px solid rgba(245,240,232,.35);font-family:var(--f)}
.resumen-bar[hidden]{display:none}
.rb-txt{flex:1 1 220px;font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;line-height:1.25}
.rb-tot{font-weight:900;font-size:26px;letter-spacing:-.5px;line-height:1}
.rb-btn{display:inline-block;background:var(--c);color:var(--n);padding:12px 20px;font-weight:700;font-size:13px;
  letter-spacing:3px;text-transform:uppercase;text-decoration:none;cursor:pointer}
@media(max-width:900px){.resumen-bar{bottom:52px;margin-bottom:52px}}   /* deja libre la barra fija "Pedir ahora" del móvil */

/* Lista dentro de la barra: ver y quitar productos */
.rb-lista{flex:0 0 100%;max-height:38vh;overflow-y:auto;padding:0 0 8px;margin:0 0 6px;border-bottom:1px solid rgba(245,240,232,.35)}
.rb-lista[hidden]{display:none}
.rb-it{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid rgba(245,240,232,.18)}
.rb-it:first-child{border-top:0}
.rb-n{flex:1 1 auto;font-weight:700;font-size:15px;letter-spacing:.5px;text-transform:uppercase;line-height:1.2}
.rb-det{display:block;margin-top:2px;font-size:11px;font-weight:400;letter-spacing:0;text-transform:none;opacity:.9}
.rb-q{font-weight:900;font-size:20px;min-width:40px;text-align:right}
.rb-menos,.rb-quitar{min-height:44px;border:2px solid var(--c);background:transparent;color:var(--c);font-family:var(--f);font-weight:900;cursor:pointer;border-radius:0}
.rb-menos{min-width:44px;font-size:22px}
.rb-quitar{padding:0 12px;font-size:13px;letter-spacing:2px;text-transform:uppercase}
.rb-menos:hover,.rb-quitar:hover,.rb-edit:hover{background:var(--c);color:var(--r)}
.rb-edit{min-height:44px;padding:0 14px;border:2px solid var(--c);background:transparent;color:var(--c);font-family:var(--f);font-weight:700;font-size:13px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;border-radius:0}

/* Recordatorio del último pedido (tarjeta fija, fuera del carrusel de slides) */
@keyframes rec-in{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
#recordatorio-pedido{animation:rec-in .55s cubic-bezier(.16,1,.3,1);display:none;position:fixed;left:16px;bottom:16px;z-index:9993;width:min(440px,calc(100vw - 32px));
  padding:20px 20px 18px;background:var(--c);color:var(--n);box-shadow:0 10px 34px rgba(0,0,0,.5);border-left:6px solid var(--r)}
#recordatorio-pedido .rec-t{font-family:var(--f);font-weight:900;font-size:26px;letter-spacing:-.5px;text-transform:uppercase;line-height:1;margin:0 40px 8px 0}
#recordatorio-pedido .rec-p{font-family:var(--b);font-size:16px;line-height:1.5;margin:0 0 14px}
#recordatorio-pedido .rec-ok{display:block;width:100%;min-height:50px;border:0;background:var(--r);color:var(--c);font-family:var(--f);font-weight:700;font-size:14px;letter-spacing:3px;text-transform:uppercase;cursor:pointer;border-radius:0}
#recordatorio-pedido .rec-x{position:absolute;top:6px;right:6px;width:44px;height:44px;border:0;background:transparent;color:var(--n);font-size:22px;font-weight:700;cursor:pointer}
@media(max-width:900px){#recordatorio-pedido{bottom:64px}}   /* deja libre la barra fija "Pedir ahora" del móvil */