/* Estilos para el menú "Próximamente" */
    .coming-soon-link {
      position: relative;
      color: #999 !important;
      cursor: default;
      background: transparent !important;
    }
    
    .coming-soon-badge-small {
      background: #ff6b6b;
      color: white;
      font-size: 0.7rem;
      padding: 2px 6px;
      border-radius: 10px;
      margin-left: 8px;
      font-weight: 600;
      white-space: nowrap;
      flex-shrink: 0;
    }
    
    .coming-soon-link:hover {
      color: #999 !important;
      background: rgba(253, 194, 28, 0.1) !important;
      transform: translateX(5px);
    }

    /* Auth state specific styling */
    #auth-state {
      position: relative;
      display: flex;
      align-items: center;
      flex-shrink: 0;
      min-width: 200px;
      height: 100%;
    }

    #login-link {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 20px;
      font-size: 23px;
      font-weight: 500;
      color: black;
      letter-spacing: 0.8px;
      text-decoration: none;
      transition: all 0.3s ease;
      white-space: nowrap;
    }

    #login-link:hover {
      color: #fdc21c;
      background-color: rgba(253, 194, 28, 0.1);
      transform: translateX(5px);
    }


    /* Asegurar alineación a la derecha del nav */
    .nav-opcions {
      justify-content: flex-end !important;
    }