/* Menú JC: sección independiente dentro del flujo normal de la página. */
.jc-menu-section {
  position: relative;
  z-index: 20;
  background: var(--jc-hero-background, #fff);
}

.jc-menu-section .nav-capsule-wrapper {
  padding: 2.5rem 1rem;
}

@media (max-width: 600px) {
  .jc-menu-section .nav-capsule-wrapper {
    padding-inline: 0.5rem;
  }
}