/* Fixed landing cover + fade for GM pages (portal, staff, tienda admin). */
.gm-page-background,
.gm-pedido-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: var(--gm-page-bg-height, 33.33vh);
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.gm-page-background__img,
.gm-pedido-background__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  -webkit-mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 28%,
    rgba(0, 0, 0, 0.55) 62%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    #000 0%,
    #000 28%,
    rgba(0, 0, 0, 0.55) 62%,
    transparent 100%
  );
}

.gm-page-background__fade,
.gm-pedido-background__fade {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.12) 0%,
    rgba(0, 0, 0, 0.38) 30%,
    var(--gm-page-bg-fade-mid, rgba(0, 0, 0, 0.72)) 58%,
    var(--gm-page-bg-fade-color, var(--gm-bg, #0a0a0a)) 82%,
    var(--gm-page-bg-fade-color, var(--gm-bg, #0a0a0a)) 100%
  );
}

body.gm-page-has-bg > header,
body.gm-page-has-bg > main,
body.gm-pedido-has-bg > header,
body.gm-pedido-has-bg > main {
  position: relative;
  z-index: 1;
}

body.panel-gm-theme.gm-page-has-bg,
body.tienda-gm-admin.gm-page-has-bg {
  --gm-page-bg-fade-color: var(--gm-admin-bg, #0a0a0a);
}

body.panel-gm-theme.gm-page-has-bg .head-main.head-main--staff,
body.tienda-gm-admin.gm-page-has-bg .head-main {
  background: rgba(8, 8, 8, 0.72);
}

body.portal-theme-grafica.gm-page-has-bg,
body.portal-theme-grafica.gm-pedido-has-bg {
  --gm-page-bg-fade-color: var(--gm-black, #000);
  --gm-page-bg-fade-mid: rgba(0, 0, 0, 0.78);
}

/* Portal pedido hero: text-only when body background is active */
body.portal-theme-grafica.gm-page-has-bg .gm-portal-client-hero--text-only .gm-portal-client-hero__media,
body.portal-theme-grafica.gm-pedido-has-bg .gm-portal-client-hero--text-only .gm-portal-client-hero__media {
  display: none;
}

body.portal-theme-grafica.gm-page-has-bg .gm-portal-client-hero--text-only,
body.portal-theme-grafica.gm-pedido-has-bg .gm-portal-client-hero--text-only {
  min-height: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.75rem;
  background: transparent;
  border: none;
  box-shadow: none;
}

body.portal-theme-grafica.gm-page-has-bg .gm-portal-client-hero--text-only .gm-portal-client-hero__overlay,
body.portal-theme-grafica.gm-pedido-has-bg .gm-portal-client-hero--text-only .gm-portal-client-hero__overlay {
  display: none;
}