.header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 40px 0px 40px 20px;
      position: relative;
      background: #000;
      font-family: 'Montserrat';

    }

    .logox {
      font-size: 1.5rem;
      letter-spacing: 4px;
      font-weight: bold;
      color: #bba37d;
    }

    .nav-links {
      display: flex;
      gap: 20px;
    }

    .nav-links a {
      text-decoration: none;
      color: #707070;
      font-weight: bold;
      font-size: 0.9rem;
      letter-spacing: 1px;
    }

    .hamburger {
      font-size: 29px;
      cursor: pointer;
      display: none;
      color: #fff;
      background: none;
      border: none;
    }

    /* Menú móvil */
.mobile-menu {
	      font-family: 'Montserrat';
  position: fixed;
  top: 0;
  right: 0;
  background: #000;
  width: 80%; /* ocupa toda la pantalla */
  height: 100%;
  transform: translateX(100%); /* oculto inicialmente */
  transition: transform 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  z-index: 999;
}

    .mobile-menu.open {
      transform: translateX(0); /* entra desde la derecha */
    }

    .mobile-menu .close {
      font-size: 40px;
      align-self: flex-end;
      margin-bottom: 40px;
      cursor: pointer;
      color: #fff;
      background: none;
      border: none;
    }

    .mobile-menu a {
      text-decoration: none;
      color: #333333;
      font-weight: bold;
      font-size: 1.3rem;
      margin-bottom: 20px;
    }

    /* Responsive */
    @media (max-width: 768px) {
      .nav-links {
        display: none;
      }

      .hamburger {
        display: block;
      }
    }