/* ============================================================
   capas.css · LAS CAPAS FIJAS NO SE PISAN
   ------------------------------------------------------------
   js/capas.js mide lo que está pegado arriba (banner de campaña,
   barra de edición) y lo deja en `--tope-arriba`. Acá, todo lo que
   se pega debajo se corre con esa variable. Se carga al final.

   El orden de las capas, de abajo hacia arriba, para que nadie lo
   cambie sin saber:
      50   barra de categorías (sticky)
      60   perfil del cliente (fijo, esquina superior derecha)
      90   botón flotante de WhatsApp     95  barra "pedido activo"
     100   botón flotante del carrito
     200   carrito                         300  hoja de producto / Mi cuenta
     900   banner de campaña (sticky)     2000+ avisos y modales
    3000   barra de edición del equipo   10000 aviso de local cerrado
   ============================================================ */

/* La barra de categorías se pega DEBAJO del banner, no debajo de la
   pantalla: antes el banner (z 900) la tapaba al hacer scroll. */
.tabs-wrap { top: var(--tope-arriba, 0px) !important; }

/* El perfil baja lo que mida el banner; el ajuste fino (la cinta del
   hero) lo hace cuenta.js sobre esta base. */
.cuenta-avatar { top: calc(var(--tope-arriba, 0px) + 16px); transition: top .2s ease; }

/* Mientras el equipo edita la carta, el perfil del cliente sobra. */
body.modo-edicion .cuenta-avatar { display: none !important; }