/* Movil plano (<=1000px): en el panel movil se ocultan los submenus
   y el chevron; cada item de primer nivel enlaza a su pagina pilar.
   Va en fichero aparte (encolado tras menu.css por fca-nav.php) para
   no reescribir menu.css completo en cada deploy.
   NOMBRE NUEVO (v2): Cloudflare cacheaba menu-flat.css 7 dias y servia
   HIT stale aunque cambiara el ?ver, sin credencial CF para purgar; un
   nombre de fichero que CF nunca vio fuerza el refresco. */
/* Influencers (li.nav-secondary) llevaba pildora outline verde
   (border 1.5px + color verde). Lo igualamos a los demas items de
   primer nivel: sin borde, texto oscuro y pildora gris al hover.
   Carga tras menu.css (mismo selector, gana por orden). */
@media (min-width: 1001px) {
  #site-navigation .main-nav > ul > li.nav-secondary > a {
    color: #242727;
    background-color: transparent;
    border: 0;
  }
  #site-navigation .main-nav > ul > li.nav-secondary:hover > a,
  #site-navigation .main-nav > ul > li.nav-secondary.sfHover > a,
  #site-navigation .main-nav > ul > li.nav-secondary > a:focus {
    color: #0b0c0c;
    background-color: rgba(17, 24, 20, 0.06);
  }
}

@media (max-width: 1000px) {
  #site-navigation.toggled .main-nav ul ul {
    display: none;
  }
  #site-navigation.toggled .main-nav > ul > li.menu-item-has-children > a::after {
    display: none;
  }

  /* GeneratePress inyecta inline
     `.has-inline-mobile-toggle #site-navigation.toggled{background:rgba(0,0,0,.02)}`
     (la clase va en el <header>, no en el body) que empata con menu.css y
     gana por orden de carga, dejando el panel movil casi transparente.
     Recuperamos el panel blanco opaco con mayor especificidad (+.main-navigation). */
  .has-inline-mobile-toggle #site-navigation.main-navigation.toggled {
    background: #ffffff;
  }
}