/* Instinto Café Premium — estilos de soporte para efectos de scroll (GSAP) */

/* El header es "fixed" (no "sticky"): su wrapper <header> de Bricks solo
   mide lo que ocupa su contenido, así que "sticky" se despega enseguida.
   Reservamos el espacio con padding-top en el body (el propio JS anima
   este valor con GSAP al hacer scroll, para evitar pelear con las
   capas @layer del CSS base de Bricks). */
body.brx-body {
  padding-top: 96px;
}

/* Fondo base del header como regla de clase (antes vivía en el _cssCustom del
   elemento, con selector de ID, lo que impedía sobreescribirlo por página).
   Así la home puede volverlo transparente y GSAP puede animarlo inline. */
.js-header {
  background: #FEF9F0;
}

/* Evita "flash" de contenido sin animar antes de que cargue GSAP */
.gsap-reveal,
.gsap-reveal-stagger > * {
  will-change: transform, opacity;
}

.gsap-pin {
  will-change: transform, opacity;
}