/* === NITVIBES Mobile Tweaks === */
/* 1) Corregir "desplazamiento a la derecha" típico por overflow horizontal en móvil */
@media (max-width: 768px){
  html, body {
    max-width: 100%;
    overflow-x: hidden;
  }
  /* contenedores habituales en themes WP */
  #page, .site, .site-content, .content-area, .container, .wrap, .entry-content {
    max-width: 100%;
    overflow-x: hidden;
  }
  /* un poco más de margen respirable en los bordes del header */
  header, .site-header, #masthead, .main-header, .nv-header {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }
}

/* 2) Botón hamburguesa: separarlo del borde y engrosar líneas */
.nv-mm-toggle {
  right: 18px !important;
  top: 14px !important;
}
.nv-mm-toggle span,
.nv-mm-toggle::before,
.nv-mm-toggle::after {
  width: 24px !important;
  height: 3px !important;    /* antes: 2px */
  background: #fff !important;
}
/* re-colocar las barras superior/inferior por el nuevo grosor */
.nv-mm-toggle::before { transform: translateY(-8px) !important; }
.nv-mm-toggle::after  { transform: translateY(8px) !important; }

/* 3) Panel y overlay: sin cambios visuales pero mantenemos prioridad */
.nv-mm-panel { z-index: 99999; }
.nv-mm-overlay { z-index: 99998; }