@media (max-width: 960px) {
  /* --- NAV / HAMBURGUESA --- */
  .nav {
    position: relative; /* hace que top:100% funcione */
    padding: 12px var(--space);
    z-index: 50;
  }

  /* mostrar el botón */
  .nav__toggle {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    z-index: 51; /* botón por encima del panel */
  }

  /* ocultar menú por defecto */
  .nav__menu {
    display: none;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%; /* CAE DEBAJO DEL HEADER */
    flex-direction: column;
    gap: 12px;
    padding: var(--space);
    background: var(--panel-bg, #434343); /* <--- fondo, sin negro forzado */
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    z-index: 50;
  }

  /* cuando el menú está abierto */
  .nav.nav--open .nav__menu {
    display: flex;
  }

  /* links dentro del panel */
  .nav__menu .nav__link {
    padding: 8px 4px;
    text-decoration: none;
    display: block;
  }

  /* --- TUS OTRAS REGLAS (SIN CAMBIOS) --- */
  .wholesale__grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "texto";
    gap: 2rem;
    align-items: center;
  }

  .wholesale__grid .wholesale__copy {
    grid-area: texto;
  }
  .wholesale__grid .wholesale__visual {
    grid-area: media;
  }

  .wholesale__visual img {
    width: 100%;
  }

  .toolbar {
    grid-template-columns: none;
  }

  .footer__container {
    flex-flow: column;
    text-align: center;
  }

  .footer__contact {
    align-items: center;
  }

  .contact__item {
    display: flex;
    flex-direction: column; /* icon → arriba / texto → abajo */
    align-items: center; /* centra los dos elementos */
    text-align: center;
    gap: 0.4rem; /* reduce el espacio */
  }

  .contact__item i {
    margin: 0; /* evita separación extra */
  }

  .social__icons { 
    justify-content: center;
  }
}