/*! Gladiatrix 2.0.4 · Fondo de la web: the new home's ground on every other page (includes/ground.php).
 *  The theme paints its flat pink on the page itself (body, #ffe4f2); here the page gets the home's soft gradient
 *  instead (the same as gx-home.css, seen at once and wherever the animation does not run), and the moving canvas
 *  that assets/home/js/gx-bg.js puts first in the page sits one layer below everything (z-index -1: above the page's
 *  own colour, under every box, header and footer, which keep theirs). */
html body.gx-ground-on {
  background-color: #ffe4f2;
  background-image:
    radial-gradient(64vmax 46vmax at 8% 6%, rgba(246, 171, 147, .62) 0%, transparent 68%),
    radial-gradient(58vmax 50vmax at 96% 34%, rgba(187, 183, 246, .72) 0%, transparent 68%),
    radial-gradient(70vmax 52vmax at 34% 78%, rgba(255, 189, 221, .6) 0%, transparent 70%),
    radial-gradient(50vmax 40vmax at 90% 100%, rgba(246, 171, 147, .5) 0%, transparent 70%);
  background-attachment: fixed;
}
html body.gx-ground-on > .gx-ground {
  position: fixed;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
/* the header on the ground too (2.0.5: «el menú que se integre con el fondo, salvo hover, que se pondrá rosa con
   desplegable»): no colour of its own at rest; the menu panel's pink (#fff2f9) while a panel is open (the plugin's menu
   puts html.gx-menu-open), so the bar and its panel are one piece; once it sticks to the top while scrolling
   (myStickymenu: #mysticky-nav.wrapfixed), a light see-through veil of the same pink with a strong blur, so what passes
   under it fades away and the words keep reading */
html body.gx-ground-on #masthead .ast-primary-header-bar,
html body.gx-ground-on #masthead .main-header-bar,
html body.gx-ground-on #masthead .ast-above-header-bar,
html body.gx-ground-on #masthead .ast-below-header-bar,
html body.gx-ground-on #masthead .main-header-menu { background-color: transparent; background-image: none; transition: none; }
html body.gx-ground-on #masthead.myfixed { background-color: transparent; }
/* (inside Astra's header the blur often has nothing to blur, so the veil itself is nearly opaque: what passes under
   it never reads through; myStickymenu's own 90 % opacity is lifted, so the words and the logo stay crisp) */
html body.gx-ground-on #mysticky-nav.wrapfixed {
  opacity: 1;
  background-color: rgba(255, 238, 247, .9);
  -webkit-backdrop-filter: blur(20px) saturate(1.25);
  backdrop-filter: blur(20px) saturate(1.25);
  box-shadow: 0 12px 26px -24px rgba(9, 21, 27, .3);
}
html.gx-menu-open body.gx-ground-on #masthead .ast-primary-header-bar,
html.gx-menu-open body.gx-ground-on #masthead .main-header-bar,
html.gx-menu-open body.gx-ground-on #mysticky-nav.wrapfixed { background-color: #fff2f9; }
/* the bar and its open panel are one piece: no line between them (the panel's own top border) */
html body.gx-ground-on.gx-menu.ast-desktop .main-header-menu > li.gx-mega > ul.sub-menu { border-top-color: transparent; }
/* with a panel open the sticky bar is solid, so the panel under it is solid too */
html.gx-menu-open body.gx-ground-on #mysticky-nav.wrapfixed { opacity: 1; -webkit-backdrop-filter: none; backdrop-filter: none; box-shadow: none; }
@media print {
  html body.gx-ground-on > .gx-ground { display: none; }
  html body.gx-ground-on { background: #fff; }
}