/* The new bar on the site's old pages (Elementor and Astra), which do not load tokens.css or
   web.css: the tokens go on the bar itself so they do not touch the rest of the page. */

@font-face { font-family: "Graphik"; font-weight: 400; font-display: swap; src: local("Graphik Regular"), local("Graphik-Regular"), url("fuentes/Graphik-Regular.woff2") format("woff2"); }
@font-face { font-family: "Graphik"; font-weight: 700; font-display: swap; src: local("Graphik Bold"), local("Graphik-Bold"), url("fuentes/Graphik-Bold.woff2") format("woff2"); }

pp-nav {
  --amarillo: #FFE600; --negro: #000000; --verde: #1DBA69; --radio: 8px;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, system-ui, sans-serif;
  --titulo: "Graphik", var(--sans);
  /* Its height before nav.js builds it, so the page does not jump */
  display: block; min-height: 60px; background: #000000;
}
pp-nav * { box-sizing: border-box; }

/* The old menu: on Elementor pages, the first section of each page (logo, menu and «Donar»); on
   Astra pages (posts, /campanas/), the theme's header. Hidden, not removed. */
[data-elementor-type] > .elementor-top-section:has(.elementor-widget-tp-navigation-menu-lite),
[data-elementor-type] > .e-con:has(.elementor-widget-tp-navigation-menu-lite),
#masthead, #ast-mobile-popup-wrapper { display: none !important; }

/* The themes style every link and button; inside the bar they keep the bar's look */
pp-nav .pp-nav a:not(.pp-nav-cta):not([aria-current]), pp-nav .pp-nav a:not(.pp-nav-cta):not([aria-current]):hover { color: inherit; }
pp-nav .pp-nav-btn, pp-nav .pp-nav-btn:hover, pp-nav .pp-nav-btn:focus { background: none; color: #FFFFFF; box-shadow: none; }

/* Open on a phone, the menu covers everything, the site's floating buttons included */
pp-nav .pp-nav:has(.pp-nav-panel.abierto) { z-index: 99999; }

@media (min-width: 1200px) {
  pp-nav { min-height: 76px; z-index: 9990; }
  /* The bar stays on top while scrolling: links to a section (#form-na, #qs-video) stop below it */
  html { scroll-padding-top: 76px; }
  /* Logged in, WordPress's admin bar sits on top */
  body.admin-bar pp-nav { top: 32px; }
  html:has(body.admin-bar) { scroll-padding-top: 108px; }
}